@font-face { font-family: 'Purista'; src: url('../fonts/PuristaMedium.woff') format('woff'); }

#base-header {
	-ms-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none;
}
.btn {
	-ms-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none;
}
a.btn {
	-ms-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none;
}
.map-thumb {
	-ms-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none;
}
.loggedout-usp-container .geoleaderboards .map {
	-ms-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none;
}
#serverbrowser-filters {
	-ms-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none;
}
#serverbrowser-filters .box-content {
	-ms-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none;
}
#soldierportraits-container #soldierimage {
	-ms-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none;
}
#base-header .game-bar .dropdown-bar .soldierstats-box .rank .points {
	-webkit-user-select: all; -moz-user-select: all; -o-user-select: all; user-select: all;
}
#base-header .game-bar .dropdown-bar .soldierstats-box .rank .experience {
	-webkit-user-select: all; -moz-user-select: all; -o-user-select: all; user-select: all;
}
#base-header .game-bar .grid-container::before {
	line-height: 0; display: table; content: "";
}
#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom::before {
	line-height: 0; display: table; content: "";
}
.emblemselect.dialog .emblem-items::before {
	line-height: 0; display: table; content: "";
}
.soldierselect.dialog .soldier-list > li > a::before {
	line-height: 0; display: table; content: "";
}
#serverbrowser-filters .box-content::before {
	line-height: 0; display: table; content: "";
}
#server-page > header::before {
	line-height: 0; display: table; content: "";
}
#server-page-settings dl::before {
	line-height: 0; display: table; content: "";
}
#server-page-slot-info dl::before {
	line-height: 0; display: table; content: "";
}
body #base-container #user .profile-info::before {
	line-height: 0; display: table; content: "";
}
.forum-search-results-item-title::before {
	line-height: 0; display: table; content: "";
}
.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-name::before {
	line-height: 0; display: table; content: "";
}
.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-tags::before {
	line-height: 0; display: table; content: "";
}
.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-enlisted::before {
	line-height: 0; display: table; content: "";
}
.base-clear::before {
	line-height: 0; display: table; content: "";
}
.share-widgets::before {
	line-height: 0; display: table; content: "";
}
#base-header .game-bar .grid-container::after {
	line-height: 0; display: table; content: "";
}
#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom::after {
	line-height: 0; display: table; content: "";
}
.emblemselect.dialog .emblem-items::after {
	line-height: 0; display: table; content: "";
}
.soldierselect.dialog .soldier-list > li > a::after {
	line-height: 0; display: table; content: "";
}
#serverbrowser-filters .box-content::after {
	line-height: 0; display: table; content: "";
}
#server-page > header::after {
	line-height: 0; display: table; content: "";
}
#server-page-settings dl::after {
	line-height: 0; display: table; content: "";
}
#server-page-slot-info dl::after {
	line-height: 0; display: table; content: "";
}
body #base-container #user .profile-info::after {
	line-height: 0; display: table; content: "";
}
.forum-search-results-item-title::after {
	line-height: 0; display: table; content: "";
}
.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-name::after {
	line-height: 0; display: table; content: "";
}
.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-tags::after {
	line-height: 0; display: table; content: "";
}
.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-enlisted::after {
	line-height: 0; display: table; content: "";
}
.base-clear::after {
	line-height: 0; display: table; content: "";
}
.share-widgets::after {
	line-height: 0; display: table; content: "";
}
#base-header .game-bar .grid-container::after {
	clear: both;
}
#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom::after {
	clear: both;
}
.emblemselect.dialog .emblem-items::after {
	clear: both;
}
.soldierselect.dialog .soldier-list > li > a::after {
	clear: both;
}
#serverbrowser-filters .box-content::after {
	clear: both;
}
#server-page > header::after {
	clear: both;
}
#server-page-settings dl::after {
	clear: both;
}
#server-page-slot-info dl::after {
	clear: both;
}
body #base-container #user .profile-info::after {
	clear: both;
}
.forum-search-results-item-title::after {
	clear: both;
}
.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-name::after {
	clear: both;
}
.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-tags::after {
	clear: both;
}
.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-enlisted::after {
	clear: both;
}
.base-clear::after {
	clear: both;
}
.share-widgets::after {
	clear: both;
}
#serverbrowser .server-filter {
	color: rgb(255, 255, 255); position: relative;
}
#serverbrowser .collapsed.server-filter > header {
	cursor: pointer;
}
#serverbrowser .collapsed.server-filter > section {
	display: none;
}
#serverbrowser .collapsed.server-filter > footer {
	display: none;
}
body {
	font-family: Arial, sans-serif; font-size: 16px;
}
h1 {
	font-family: Purista, sans-serif; font-style: normal; font-weight: 600; margin-bottom: 16px;
}
h2 {
	font-family: Purista, sans-serif; font-style: normal; font-weight: 600; margin-bottom: 16px;
}
h3 {
	font-family: Purista, sans-serif; font-style: normal; font-weight: 600; margin-bottom: 16px;
}
h4 {
	font-family: Purista, sans-serif; font-style: normal; font-weight: 600; margin-bottom: 16px;
}
h5 {
	font-family: Purista, sans-serif; font-style: normal; font-weight: 600; margin-bottom: 16px;
}
h6 {
	font-family: Purista, sans-serif; font-style: normal; font-weight: 600; margin-bottom: 16px;
}
h1 {
	text-transform: uppercase;
}
h2 {
	text-transform: uppercase;
}
h3 {
	text-transform: uppercase;
}
h1 {
	line-height: 40px; font-size: 36px; margin-bottom: 8px;
}
h2 {
	line-height: 40px; font-size: 36px; margin-bottom: 8px;
}
h3 {
	line-height: 40px; font-size: 33px; margin-bottom: 8px;
}
h4 {
	line-height: 32px; font-size: 29px;
}
h5 {
	text-transform: uppercase; line-height: 32px; font-size: 23px; margin-bottom: 8px;
}
h6 {
	text-transform: uppercase; line-height: 24px; font-size: 18px;
}
strong {
	font-weight: bold;
}
b {
	font-weight: bold;
}
em {
	font-style: italic;
}
i {
	font-style: italic;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	//color:black;
}
small {
	font-size: 70%;
}
.header-dropdown-active #base-header .game-bar .dropdown-bar {
	box-shadow: 0px 0px 30px 10px rgba(185,243,255,0.15);
}
#base-ajax-loading {
	transition:opacity 0.2s ease-out; top: 3px; display: none; position: relative; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out;
}
.ajax-loading #base-ajax-loading {
	display: inline-block;
}
.ajax-loading #base-notices {
	opacity: 0;
}
.base-premium #community-bar .game-logo .game-bf3.logo {
	background-position: 50% 50%; width: 170px; background-image: url("../img/header-logo-premium.png"); background-size: 121px;
}
body.premium #base-header .premium-bg.grid-container {
	//background: url("../img/overlay-p.png") no-repeat 0px -48px; width: 992px; height: 48px; position: relative;
}
body.premium #base-header .fade.premium-bg {
	background-position: 0px 0px; transition:background-position 1s linear 1s; -webkit-transition: background-position 1s linear 1s; -moz-transition: background-position 1s linear 1s;
}
body.show-section-select #community-bar .dropdown-bar {
	height: 192px;
}
body.show-section-select #community-bar .dropdown-bar .game-box {
	opacity: 1;
}
body.show-section-select #community-bar .outerarrow .arrow {
	margin-top: -9px; border-top-color: transparent; border-bottom-color: rgb(255, 255, 255); opacity: 0.75;
}
body.show-section-select #base-container::before {
	height: 304px;
}
#community-bar {
	//background: rgba(8, 13, 16, 0.98); position: relative;
	//background: #121C23 none repeat scroll 0% 0%;
	//background: rgba(18, 28, 35, 0.84) none repeat scroll 0% 0%;
	//background: #000 none repeat scroll 0% 0%;
	//background: rgba(58, 128, 165, 0.74) none repeat scroll 0% 0%;
	background: rgba(10, 14, 20, 0.95);
}
#community-bar .game-logo {
	display: inline-block; position: relative; z-index: 1;
}
#community-bar .game-logo .ajax-loading-wrapper {
	top: 9px; right: 100%; margin-right: 10px; position: absolute; z-index: 0; cursor: default;
}
#community-bar .game-logo .logo {
	background-position: 50% 50%; width: 175px; height: 48px; display: block; background-repeat: no-repeat; background-size: 165px;
}
#community-bar .game-logo .game-bf3.logo {
	background-image: url("../base/bf3/bf3-logo-m.png");
}
#community-bar .game-logo .game-bf4.logo {
	width: 170px; background-image: url("../img/bf3-logo-m.png");
}
#community-bar .game-logo .premium.game-bf4.logo {
	background-position: 50% 50%; background-image: url("../img/header-logo-premium.png"); background-size: 121px; 
}
#community-bar .game-logo .cte.logo {
	background-image: url("../base/bf4/header-logo-bf4-cte.png");
}
#community-bar .game-logo .game-mohw.logo {
	background-image: url("//d34ymitoc1pg7m.cloudfront.net/mohw/mohw-logo-9c9d7e49.png");
}
#community-bar .battlelog-logo {
	left: 0px; top: 0px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none; display: inline-block; position: absolute; z-index: 1;
}
#community-bar .battlelog-logo .logo {
	background: url("../img/battlelog-logo-082bd9ee.png") no-repeat 0px 50% / contain; width: 95px; height: 48px; display: block;
}
#community-bar .user-tools {
	top: 0px; text-align: left; right: 0px; position: absolute;
}
#community-bar .dropdown-bar {
	background: url("../common/community-dropdown-bg.png") rgb(21, 23, 24); transition:height 0.2s ease-out; height: 0px; text-align: left; overflow: hidden; position: relative; -webkit-transition: height 0.2s ease-out; -moz-transition: height 0.2s ease-out;
}
#community-bar .dropdown-bar .grid-container {
	padding: 16px 0px; text-align: center;
}
#community-bar .dropdown-bar .grid-container .row {
	display: inline-block;
}
#community-bar .dropdown-bar .base-game-selector .game-box {
	opacity: 0;
}
#community-bar .inner-wrapper {
	height: 48px; text-align: center; position: relative; z-index: 3;
}
#community-bar .outerarrow {
	left: 100%; top: 20%; width: 20px; height: 30px; position: absolute; cursor: pointer;
}
#community-bar .outerarrow .arrow {
	border-width: 6px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; transform-origin: center 50%; transition:0.1s ease-out, opacity; border-image: none; left: 0%; top: 50%; margin-top: -3px; margin-left: 4px; position: absolute; cursor: pointer; opacity: 0.3; -webkit-transition: all 0.1s ease-out, opacity 0; -moz-transition: all 0.1s ease-out, opacity 0; -webkit-transform-origin: center 50%; -moz-transform-origin: center 50%; -o-transform-origin: center 50%;
}
#community-bar .outerarrow .arrow:hover {
	opacity: 0.75;
}
#base-header {
	left: 0px; top: 0px; right: 0px; position: fixed; z-index: 1000;
}
#base-header .alert {
	background: black; text-align: center; margin-bottom: 0px; border-bottom-color: rgb(53, 58, 63); border-bottom-width: 1px; border-bottom-style: solid;
}
#base-header .grid-container {
	width: 992px; position: relative;
	//background: transparent url("../img/overlay-p.png") no-repeat scroll 0px -48px;
	//height: 48px;
	background-position: 0px 0px;
	//transition: background-position 1s linear 1s;
}
#base-header .game-bar {
	position: relative;
}
#base-header .game-bar .inner-wrapper {
	height: 47px;
	border-top-color: rgb(53, 58, 63);
	//border-top-width: 1px; border-top-style: solid; position: relative; z-index: 1; background-image: linear-gradient(rgba(19, 22, 26, 0.98) 0%, rgba(19, 22, 26, 0.92) 100%);
	border-top-width: 1px; border-top-style: solid; position: relative; z-index: 1; background-image: linear-gradient(rgba(19, 22, 26, 1.0) 0%, rgba(19, 22, 26, 1.0) 100%);
}
#base-header .game-bar .main-nav {
	float: left; position: relative; z-index: 2;
}
#base-header .game-bar .main-nav .base-section-menu {
	float: left;
}

#base-header .game-bar .main-nav .pull-right {
	//float: right;
	float: right !important;
	position: relative; z-index: 2;
}
#base-header .game-bar .main-nav .base-section-menu .pull-right{
	//float: right;
	float: right !important;
}

#base-header .game-bar .main-nav .base-section-menu > li 
{
	border-right-color: rgb(53, 58, 63);
		border-right-width: 1px; border-right-style: solid; float: left; position: relative;
}
#base-header .game-bar .main-nav .base-section-menu > li:first-child {
	border-left-color: rgb(53, 58, 63);
	border-left-width: 1px; border-left-style: solid;
}
#base-header .game-bar .main-nav .base-section-menu > li.nav-home a {
	padding-left: 0px;
}
#base-header .game-bar .main-nav .base-section-menu > li.nav-home a .icon-home {
	transition:opacity 0.1s ease-out; top: 2px; position: relative; opacity: 0.75; -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out;
}
#base-header .game-bar .main-nav .base-section-menu > li.nav-home a:hover .icon-home {
	opacity: 1;
}
#base-header .game-bar .main-nav .base-section-menu > li.has-dropdown {
	cursor: pointer;
}
#base-header .game-bar .main-nav .base-section-menu > li.has-dropdown::after {
	border-width: 4px; border-style: solid; border-color: transparent rgb(255, 255, 255) rgb(255, 255, 255) transparent; border-image: none; right: 2px; bottom: 2px; display: block; position: absolute; z-index: 1; content: ""; opacity: 0.1;
}
#base-header .game-bar .main-nav .base-section-menu > li.soldier .profile-soldier-image {
	left: 0px; bottom: 0px; position: absolute; z-index: 2;
}
#base-header .game-bar .main-nav .base-section-menu > li.soldier .header-soldier-rank {
	left: 28px; top: -7px; height: 64px; overflow: hidden; position: absolute; z-index: 2; transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -o-transform: scale(0.75);
}
#base-header .game-bar .main-nav .base-section-menu > li.soldier .icon-platform {
	left: 81px; bottom: 4px; line-height: 11px; position: absolute; z-index: 100;
}
#base-header .game-bar .main-nav .base-section-menu > li.soldier > a {
	padding-left: 80px;
}
#base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home).active > a {
	color: rgb(0, 0, 0); cursor: default; box-shadow: inset 0px 10px 15px 0px rgba(0,0,0,0.2), 0px 0px 7px 1px rgba(224,244,248,0.3); background-image: linear-gradient(rgb(215, 215, 215) 0%, rgba(215, 215, 215, 0) 50%); background-color: rgb(255, 255, 255);
}
#base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home).active > a:hover {
	color: rgb(0, 0, 0); cursor: default; box-shadow: inset 0px 10px 15px 0px rgba(0,0,0,0.2), 0px 0px 7px 1px rgba(224,244,248,0.3); background-image: linear-gradient(rgb(215, 215, 215) 0%, rgba(215, 215, 215, 0) 50%); background-color: rgb(255, 255, 255);
}
#base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home).focused.active > a {
	color: rgb(0, 0, 0); cursor: default; box-shadow: inset 0px 10px 15px 0px rgba(0,0,0,0.2), 0px 0px 7px 1px rgba(224,244,248,0.3); background-image: linear-gradient(rgb(215, 215, 215) 0%, rgba(215, 215, 215, 0) 50%); background-color: rgb(255, 255, 255);
}
#base-header .game-bar .main-nav .base-section-menu > li.has-dropdown.active::after {
	border-width: 4px; border-style: solid; border-color: transparent rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) transparent; border-image: none;
}
#base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home) > a:hover {
	background: rgb(10, 14, 20); color: rgb(255, 255, 255);
}
#base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home).focused > a {
	background: rgb(10, 14, 20); color: rgb(255, 255, 255);
}
#base-header .game-bar .main-nav .base-section-menu > li > div.feature-disabled {
	cursor: default;
}
#base-header .game-bar .main-nav .base-section-menu > li > div.feature-disabled {
	padding: 0px 10px; height: 47px; color: rgb(213, 221, 229); text-transform: uppercase; line-height: 47px; font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; text-decoration: none; display: block; position: relative;
}
#base-header .game-bar .main-nav .base-section-menu > li > a {
	padding: 0px 10px; height: 47px; color: rgb(213, 221, 229); text-transform: uppercase; line-height: 47px; font-family: Purista, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-decoration: none; display: block; position: relative;
}
#base-header .game-bar .dropdown-bar
{
	padding: 0px; transition:height 0.2s ease-in-out, box-shadow 0.2s ease-in-out; 
	//height: 0px;
	color: rgb(255, 255, 255); overflow: hidden; position: relative; z-index: 0; background-color: rgb(10, 14, 20); -webkit-transition: height 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -moz-transition: height 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.enabled
{
	height: 216px;
}

#base-header .game-bar .dropdown-bar a:not(.btn) {
	color: rgb(255, 255, 255); text-decoration: none;
}
#base-header .game-bar .dropdown-bar a:not(.btn):hover {
	text-decoration: underline;
}
#base-header .game-bar .dropdown-bar a:not(.btn)[disabled] {
	color: rgb(102, 102, 102);
}
#base-header .game-bar .dropdown-bar a:not(.btn)[disabled] i {
	opacity: 0.75;
}
#base-header .game-bar .dropdown-bar > .dropdown-content {
	transition:opacity 0.1s ease-out; left: 0px; top: 0px; right: 0px; padding-top: 16px; padding-bottom: 10px; position: absolute; z-index: 0; min-height: 190px; opacity: 0; -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out;
}
#base-header .game-bar .dropdown-bar > .active.dropdown-content {
	z-index: 1; opacity: 1;
}
#base-header .game-bar .dropdown-bar > .dropdown-content .recommended {
	height: 190px;
}
#base-header .game-bar .dropdown-bar section > header {
	margin-bottom: 6px; cursor: default;
}
#base-header .game-bar .dropdown-bar section > header h1 {
	color: rgb(137, 137, 137); text-transform: uppercase; line-height: 22px; font-family: Purista, sans-serif; font-size: 13px; font-style: normal; font-weight: 400;
}
#base-header .game-bar .dropdown-bar section > header + .dropdown-menu {
	margin-top: -11px;
}
#base-header .game-bar .dropdown-bar .dropdown-menu {
	position: relative;
}
#base-header .game-bar .dropdown-bar .dropdown-menu > a {
	margin: 0px 0px 7px; padding: 1px 0px 0px 16px; text-transform: uppercase; line-height: 31px; font-family: Purista, sans-serif; font-size: 19px; font-style: normal; font-weight: 400; text-decoration: none; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#base-header .game-bar .dropdown-bar .dropdown-menu div {
	margin: 0px 0px 7px; padding: 1px 0px 0px 16px; text-transform: uppercase; line-height: 31px; font-family: Purista, sans-serif; font-size: 19px; font-style: normal; font-weight: 400; text-decoration: none; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#base-header .game-bar .dropdown-bar .dropdown-menu > a [class^='icon-'] {
	margin-right: 6px;
}
#base-header .game-bar .dropdown-bar .dropdown-menu > a [class*=' icon-'] {
	margin-right: 6px;
}
#base-header .game-bar .dropdown-bar .dropdown-menu div [class^='icon-'] {
	margin-right: 6px;
}
#base-header .game-bar .dropdown-bar .dropdown-menu div [class*=' icon-'] {
	margin-right: 6px;
}
#base-header .game-bar .dropdown-bar .dropdown-menu > a:hover {
	text-decoration: none; background-color: rgba(255, 255, 255, 0.1);
}
#base-header .game-bar .dropdown-bar .recommended-servers {
	margin-top: 4px;
}
#base-header .game-bar .dropdown-bar .recommended-servers a:hover {
	text-decoration: none;
}
#base-header .game-bar .dropdown-bar .recommended-servers > header {
	margin-bottom: 8px;
}
#base-header .game-bar .dropdown-bar .recommended-servers:hover > .server {
	opacity: 0.75;
}
#base-header .game-bar .dropdown-bar .recommended-servers > .server {
	height: 42px; color: rgb(255, 255, 255); line-height: 14px; padding-left: 72px; font-size: 12px; margin-bottom: 10px; position: relative; cursor: pointer;
}
#base-header .game-bar .dropdown-bar .recommended-servers > .server:hover {
	opacity: 1;
}
#base-header .game-bar .dropdown-bar .recommended-servers > .server .map-thumb {
	left: 0px; top: 0px; position: absolute;
}
#base-header .game-bar .dropdown-bar .recommended-servers > .server .server-name {
	top: -2px; width: 100%; overflow: hidden; padding-bottom: 1px; font-weight: bold; white-space: nowrap; position: relative; -ms-text-overflow: ellipsis;
}
#base-header .game-bar .dropdown-bar .recommended-servers > .server .details {
	color: rgb(168, 168, 168); padding-bottom: 2px; white-space: nowrap;
}
#base-header .game-bar .dropdown-bar .recommended-servers > .server .details > span {
	width: 255px; overflow: hidden; margin-right: 8px; float: left; -ms-text-overflow: ellipsis;
}
#base-header .game-bar .dropdown-bar .recommended-servers > .server .recommend-reason {
	color: rgb(168, 168, 168); overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#base-header .game-bar .dropdown-bar .recommended-servers > .server .recommend-reason em {
	color: rgb(255, 255, 255); font-style: italic;
}
#base-header .game-bar .dropdown-bar .platoons-list:hover .platoon-item {
	opacity: 0.75;
}
#base-header .game-bar .dropdown-bar .platoons-list .platoon-item {
	margin-bottom: 10px; min-height: 26px;
}
#base-header .game-bar .dropdown-bar .platoons-list .platoon-item:hover {
	opacity: 1;
}
#base-header .game-bar .dropdown-bar .platoons-list .platoon-invite.platoon-item > a {
	padding-right: 72px;
}
#base-header .game-bar .dropdown-bar .platoons-list .platoon-invite.platoon-item .invite-response-actions {
	top: 0px; width: 62px; right: 0px; position: absolute;
}
#base-header .game-bar .dropdown-bar .platoons-list .platoon-invite.platoon-item .invite-response-actions .response-button {
	border: 0px currentColor; border-image: none; width: 25px; height: 26px; margin-left: 6px; float: left; cursor: pointer;
}
#base-header .game-bar .dropdown-bar .platoons-list .platoon-invite.platoon-item .accept.invite-response-actions {
	background: url("../comcenter/friend-accept-button.png");
}
#base-header .game-bar .dropdown-bar .platoons-list .platoon-invite.platoon-item .deny.invite-response-actions {
	background: url("../comcenter/friend-deny-button.png");
}
#base-header .game-bar .dropdown-bar .platoons-list .platoon-item > a {
	padding: 0px 0px 0px 36px; height: 26px; color: rgb(168, 168, 168); font-size: 12px; text-decoration: none; display: block; position: relative; cursor: pointer;
}
#base-header .game-bar .dropdown-bar .platoons-list .platoon-item .primary-indicator {
	background: url("../base/shared/check.png") no-repeat; left: -14px; top: 10px; width: 11px; height: 8px; position: absolute;
}
#base-header .game-bar .dropdown-bar .platoons-list .platoon-item .emblem {
	left: 0px; top: 0px; width: 26px; height: 26px; position: absolute;
}
#base-header .game-bar .dropdown-bar .platoons-list .platoon-item .name {
	padding: 1px 0px; top: -2px; line-height: 1; overflow: hidden; white-space: nowrap; position: relative; -ms-text-overflow: ellipsis;
}
#base-header .game-bar .dropdown-bar .soldierstats-box {
	color: rgb(255, 255, 255); position: relative; min-height: 190px;
}
#base-header .game-bar .dropdown-bar .soldierstats-box .loadticker-wrapper {
	padding: 50px 0px; text-align: center;
}
#base-header .game-bar .dropdown-bar .soldierstats-box .soldier-switch {
	left: 0px; bottom: 0px; color: rgb(236, 236, 236); font-size: 12px; position: absolute; z-index: 1; cursor: pointer;
}
#base-header .game-bar .dropdown-bar .soldierstats-box header {
	position: relative; z-index: 1;
}
#base-header .game-bar .dropdown-bar .soldierstats-box header .name {
	font-family: Purista, sans-serif; font-size: 23px; font-style: normal; font-weight: 600; margin-bottom: 10px;
}
#base-header .game-bar .dropdown-bar .soldierstats-box header .platform {
	margin-bottom: 10px;
}
#base-header .game-bar .dropdown-bar .soldierstats-box header .platform::before {
	line-height: 0; display: table; content: "";
}
#base-header .game-bar .dropdown-bar .soldierstats-box header .platform::after {
	line-height: 0; display: table; content: "";
}
#base-header .game-bar .dropdown-bar .soldierstats-box header .platform::after {
	clear: both;
}
#base-header .game-bar .dropdown-bar .soldierstats-box .rank {
	position: relative; z-index: 1; min-height: 64px;
}
#base-header .game-bar .dropdown-bar .soldierstats-box .rank::before {
	line-height: 0; display: table; content: "";
}
#base-header .game-bar .dropdown-bar .soldierstats-box .rank::after {
	line-height: 0; display: table; content: "";
}
#base-header .game-bar .dropdown-bar .soldierstats-box .rank::after {
	clear: both;
}
#base-header .game-bar .dropdown-bar .soldierstats-box .rank .rank-progress {
	padding-left: 64px;
}
#base-header .game-bar .dropdown-bar .soldierstats-box .rank .insignia {
	left: 0px; top: 0px; position: absolute;
}
#base-header .game-bar .dropdown-bar .soldierstats-box .rank .title {
	font-family: Purista, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; margin-bottom: 2px;
}
#base-header .game-bar .dropdown-bar .soldierstats-box .rank .progress-bar {
	width: 150px;
}
#base-header .game-bar .dropdown-bar .soldierstats-box .rank .points {
	color: rgb(255, 255, 255); font-size: 12px; float: left;
}
#base-header .game-bar .dropdown-bar .soldierstats-box .rank .experience {
	color: rgb(255, 255, 255); font-size: 12px; float: left;
}
#base-header .game-bar .dropdown-bar .soldierstats-box .rank .points em {
	color: rgb(255, 255, 255); font-style: normal;
}
#base-header .game-bar .dropdown-bar .soldierstats-box .rank .experience em {
	color: rgb(255, 255, 255); font-style: normal;
}
#base-header .game-bar .dropdown-bar .soldierstats-pic-container {
	top: 30px; right: 0px; bottom: 0px; position: absolute; z-index: -1;
}
#base-header .game-bar .dropdown-bar .padder {
	padding-right: 16px;
}
#base-header .sticky-bar {
	position: relative; z-index: -3;
}
#facebook-bar {
	background: rgba(0, 0, 0, 0.8); height: 168px; color: rgb(255, 255, 255); padding-top: 16px; margin-top: 96px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#facebook-bar a.avatar {
	width: 136px; height: 136px; margin-right: 16px; float: left;
}
#facebook-bar .buy {
	float: right; position: relative;
}
#facebook-bar .buy i.box-art {
	width: 140px; height: 119px; margin-bottom: 8px; margin-left: 30px; display: block; background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/bf4-boxshots-e75e198f.png"); background-size: 100%;
}
#facebook-bar .buy a.btn {
	right: 4px; bottom: -10px; position: absolute;
}
#facebook-bar .info-content {
	color: rgb(168, 168, 168); font-size: 14px;
}
#facebook-bar .info-content h3 {
	margin: 0px; color: rgb(245, 170, 37); text-transform: none; font-family: Purista, sans-serif; font-size: 24px; font-style: normal; font-weight: 600;
}
#facebook-bar .info-content p {
	margin-bottom: 12px;
}
#facebook-bar .info-content p a.learn-more {
	color: rgb(255, 255, 255);
}
#base-header-secondary-nav {
	line-height: 47px; float: right; position: relative; z-index: 1;
}
#base-header-secondary-nav > ul {
	overflow: hidden;
}
#base-header-secondary-nav > ul > li {
	padding-left: 10px; float: left;
}
#base-header-secondary-nav > ul > li.active a {
	color: rgb(255, 255, 255); opacity: 1;
}
#base-header-secondary-nav > ul > li > a {
	color: rgb(219, 219, 219); text-transform: uppercase; font-family: Purista, sans-serif; font-size: 13px; font-style: normal; font-weight: 400; text-decoration: none; display: block; opacity: 0.75;
}
#base-header-secondary-nav > ul > li > a.premium-link {
	color: rgb(228, 183, 68);
}
#base-header-secondary-nav > ul > li > a.premium {
	background: url("../base/bf4/logo-p-s.png") no-repeat 0px 17px; width: 82px; color: rgb(205, 165, 29); text-indent: 100%; overflow: hidden;
}
#base-header-secondary-nav > ul > li > a:hover {
	opacity: 1;
}
#base-header-user-tools .header-signup-link {
	left: -1px; height: 13px; color: rgb(255, 255, 255); line-height: 13px; padding-left: 5px; font-size: 12px; margin-top: 10px; border-left-color: rgb(60, 64, 66); border-left-width: 1px; border-left-style: solid; float: left; position: relative;
}
#base-header-user-tools .header-login-button {
	height: 47px; float: left;
}
#base-header-user-tools .popover-visible.header-login-button {
	background: rgb(10, 14, 20);
}
#base-header-user-tools .popover-visible.header-login-button .login-btn {
	background: none; cursor: default;
}
#base-header-user-tools .popover-visible.header-login-button .login-btn:hover {
	background: none;
}
#base-header-user-tools .header-login-button .login-btn {
	background: none; margin: 0px; padding: 0px 5px; outline: 0px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); line-height: 33px; font-size: 12px; cursor: pointer;
}
#base-header-user-tools .header-login-button .login-btn:hover span {
	text-decoration: underline;
}
#base-header-user-tools .base-login-remember {
	font-size: 12px;
}
#base-header-user-tools .tools > li {
	float: left;
}
#base-header-user-tools .tools > li:last-child .tools-item {
	right: 0px; z-index: 0;
}
#base-header-user-tools .tools .tools-item {
	margin: 6px 0px 0px; height: 36px; right: -1px; position: relative; z-index: 1; min-width: 36px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#base-header-user-tools .tools .comcenter-toggle.tools-item {
	margin-left: 8px;
}
#base-header-user-tools .tools .tools-item + .popover {
	transform: translateY(13px); -webkit-transform: translateY(13px); -moz-transform: translateY(13px); -o-transform: translateY(13px);
}
#base-header-user-tools .tools .tools-item + .popover .fail.gamemanager-state {
	background: none;
}
#base-header-user-tools .tools .tools-item + .popover .success.gamemanager-state {
	background: none;
}
#base-header-user-tools .tools .tools-item:hover {
	background: rgb(25, 28, 33);
}
#base-header-user-tools .tools .popover-visible.tools-item {
	background: rgb(53, 58, 63); z-index: 2;
}
#base-header-user-tools .tools .pro.tools-item {
	right: 0px; z-index: 0; cursor: pointer;
}
#base-header-user-tools .tools .popover-visible.pro.tools-item .username {
	color: rgb(255, 255, 255);
}
#base-header-user-tools .tools .pro.tools-item:hover .username {
	color: rgb(255, 255, 255);
}
#base-header-user-tools .tools .pro.tools-item .avatar {
	float: right; position: relative;
}
#base-header-user-tools .tools .pro.tools-item .username {
	margin: 2px 0px 0px; padding: 0px 12px 0px 11px; color: rgb(213, 221, 229); line-height: 32px; font-size: 12px; display: inline-block;
}
#base-header-user-tools .tools .pro.tools-item .username:hover {
	text-decoration: none;
}
#base-header-user-tools .tools .log {
	cursor: pointer;
}
#base-header-user-tools .tools .log::after {
	background: url("../img/header-icons.png") no-repeat left top; left: 3px; top: 3px; width: 30px; height: 30px; display: block; position: relative; content: ""; opacity: 0.3;
}
@media not all, not all
{
#base-header-user-tools .tools .log::after {
	background-image: url("../img/header-icons@2x.png"); background-size: 240px 60px;
}
}
#base-header-user-tools .tools .log:hover::after {
	opacity: 1;
}
#base-header-user-tools .tools .log:active::after {
	opacity: 1;
}
#base-header-user-tools .tools .popover-visible.log::after {
	opacity: 1;
}
#base-header-user-tools .tools .notifications.log::after {
	background-position: -90px 0px;
}
#base-header-user-tools .tools .highlight.notifications.log::after {
	background-position: -90px -30px;
}
#base-header-user-tools .tools .missions.log::after {
	background-position: -120px 0px;
}
#base-header-user-tools .tools .highlight.missions.log::after {
	background-position: -120px -30px;
}
#base-header-user-tools .tools .reports.log::after {
	background-position: -60px 0px;
}
#base-header-user-tools .tools .highlight.reports.log::after {
	background-position: -60px -30px;
}
#base-header-user-tools .tools .matches.log::after {
	background-position: -30px 0px;
}
#base-header-user-tools .tools .highlight.matches.log::after {
	background-position: -30px -30px;
}
#base-header-user-tools .tools .gamemanager.log::after {
	background-position: 0px 0px;
}
#base-header-user-tools .tools .highlight.gamemanager.log::after {
	background-position: 0px -30px;
}
#base-header-user-tools .tools .gamemanager.log {
	display: none;
}
#base-header-user-tools .tools .gamemanager.log .base-section-menu-dropdown {
	width: 304px; line-height: 16px;
}
#base-header-user-tools .tools .highlight.log {
	position: relative;
}
#base-header-user-tools .tools .highlight.log::after {
	opacity: 1; background-position-y: -30px;
}
#base-header-user-tools .tools .log > div[data-bind-toggle=popover] {
	width: 100%; height: 100%;
}
#base-header-user-tools .login-tools.tools .tools-item {
	background: none;
}
#base-header-user-tools .login-tools.tools .tools-item:hover {
	background: none;
}
#base-header-user-tools .login-tools.tools .popover {
	padding: 0px; color: rgb(168, 168, 168);
}
#base-header-user-tools .login-tools.tools .popover input.base-login-input {
	color: rgb(255, 255, 255); padding-left: 0px;
}
#base-header-user-tools .tools .popover {
	background: rgb(10, 14, 20); border: 0px currentColor; border-image: none;
	width: 272px;
	margin-top: -11px; filter: none; z-index: -1; -webkit-filter: none; -moz-filter: none; -o-filter: none;
}
#base-header-user-tools .tools .popover .popover-callout {
	display: none;
}
#base-header-user-tools .tools .popover .popover-body {
	color: rgb(168, 168, 168); border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
#base-header-user-tools .tools .popover .popover-body li {
	font-weight: bold;
}
#base-header-user-tools .tools .popover .popover-body li:hover > a {
	background: rgba(255, 255, 255, 0.1);
}
#base-header-user-tools .tools .popover .popover-body li:first-child > a {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
#base-header-user-tools .tools .popover .popover-body li > a {
	color: rgb(168, 168, 168); border-top-color: rgb(48, 47, 51); border-top-width: 1px; border-top-style: solid;
}
#base-header-user-tools .tools .popover .popover-body li > a#toggleInvisible span {
	padding-right: 25px;
}
#base-header-user-tools .tools .popover .popover-body .header-profile-dropdown a {
	color: rgb(255, 255, 255); padding-left: 36px; font-weight: normal; position: relative;
}
#base-header-user-tools .tools .popover .popover-body .header-profile-dropdown a [class^='icon-'] {
	left: 12px; top: 50%; margin-top: -7px; position: absolute;
}
#base-header-user-tools .tools .popover .popover-body .header-profile-dropdown a [class*=' icon-'] {
	left: 12px; top: 50%; margin-top: -7px; position: absolute;
}
#base-header-user-tools .tools .popover .popover-body .header-profile-dropdown li.facebook i.fb-icon {
	background: url("../base/shared/icon-fb-share.png"); left: 12px; top: 50%; width: 14px; height: 14px; margin-top: -7px; position: absolute;
}
#base-header-user-tools .tools .popover .popover-body .header-profile-dropdown li.facebook div.switch {
	margin: 0px; top: 9px; right: 10px; position: absolute;
}
#base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .signout a {
	color: rgb(168, 168, 168);
}
#base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .invisible-mode {
	height: 25px; line-height: 25px; padding-right: 10px; padding-left: 35px; font-size: 12px;
}
#base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .invisible-mode #goVisible {
	top: 6px; float: right; position: relative; cursor: pointer;
}
#base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .profile-progression .completion-progression {
	padding: 12px 14px 5px; font-size: 12px; background-color: rgba(72, 140, 90, 0.8);
}
#base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .profile-progression .completion-progression > div {
	margin-top: 4px;
}
#base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .profile-progression .completion-progression > div span {
	color: rgb(255, 255, 255); padding-left: 0px; font-size: 12px;
}
#base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .profile-progression .completion-progression > div a {
	color: rgb(255, 255, 255); padding-left: 0px; font-size: 12px;
}
#base-header-user-tools .tools .popover .popover-body .admin a {
	padding-left: 36px; font-weight: normal;
}
#base-header-user-tools .tools .popover .popover-body .profile-icon-box {
	width: 36px; height: 36px; text-align: center; float: left;
}
#base-header-user-tools .tools .popover .popover-body .profile-icon-box .profile-icon {
	background: url("../common/profilehead.png") no-repeat 100% 50%; margin: auto; top: 18px; width: 11px; height: 11px; display: block; position: relative;
}
#base-header-user-tools .tools .popover .popover-body .profile-icon-box .invis-icon {
	background: url("../common/profileinvis.png") no-repeat 100% 50%; margin: auto; top: 13px; width: 11px; height: 11px; display: block; position: relative;
}
#base-header-user-tools .tools .popover .popover-body li.profile > a {
	color: rgb(255, 255, 255); line-height: 16px; padding-top: 6px; padding-bottom: 6px; font-weight: normal;
}
#base-header-user-tools .tools .popover .popover-body li.profile span {
	color: rgb(138, 138, 138); font-size: 11px; display: block;
}
#base-header-user-tools .tools .popover .popover-body li.signout > a {
	text-align: right; padding-right: 10px; font-weight: normal;
}
#base-header-user-tools .tools .popover .base-header-login-dropdown {
	padding: 0px;
}
#base-header-user-tools .tools .popover .base-header-login-dropdown #base-login-ajax-loader {
	margin: 0px; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 2; background-color: rgba(0, 0, 0, 0.6);
}
#base-header-user-tools .tools .popover .base-header-login-dropdown #base-login-ajax-loader .small.loader {
	margin: -16px auto 0px; top: 50%; display: block; position: relative;
}
#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container {
	padding: 16px;
}
#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .originconnect-status {
	display: none;
}
#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom {
	margin-top: 16px; min-height: 28px;
}
#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom .base-login-rmbrme {
	font-size: 12px; margin-top: 3px; margin-left: 0px; float: left;
}
#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom label {
	top: -1px; position: relative;
}
#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom .base-login-submitbutton {
	margin: 0px;
}
#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-popup-account-actions {
	width: 272px; padding-top: 6px; padding-bottom: 6px;
}
#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-input-wrapper.common-form-input-wrapper {
	background: rgb(255, 255, 255); line-height: 13px; margin-bottom: 10px; position: relative;
}
#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container :last-child.base-login-input-wrapper.common-form-input-wrapper {
	margin-bottom: 0px;
}
#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-input-wrapper.common-form-input-wrapper input {
	background: none; padding: 8px; border: 0px currentColor; border-image: none; width: 100%; color: rgb(0, 0, 0); font-size: 12px; box-sizing: border-box;
}
#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-input-wrapper.common-form-input-wrapper span {
	left: 11px; top: 9px; color: rgb(138, 138, 138); font-size: 12px;
}
#base-header-user-tools .tools .popover .base-header-login-dropdown footer {
	text-align: center; border-top-color: rgba(255, 255, 255, 0.1); border-top-width: 1px; border-top-style: solid;
}
#base-header-user-tools .tools .popover .base-header-login-dropdown footer a {
	color: rgb(168, 168, 168); text-transform: none; line-height: 22px; font-size: 12px;
}
.base-game-selector::before {
	line-height: 0; display: table; content: "";
}
.base-game-selector::after {
	line-height: 0; display: table; content: "";
}
.base-game-selector::after {
	clear: both;
}
.base-game-selector .game-box {
	background-position: center; transition:opacity 0.2s ease-out; width: 236px; height: 160px; text-align: center; overflow: hidden; text-decoration: none; display: block; position: relative; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out;
}
.base-game-selector .game-box .game-box-text {
	background: rgba(0, 0, 0, 0.35); line-height: 160px;
}
.base-game-selector .game-box .game-box-text:hover {
	background: rgba(0, 0, 0, 0.7);
}
.base-game-selector .game-box .game-box-image {
	margin: 0px 0px 0px -160px; border: 0px currentColor; border-image: none; left: 50%; top: 0px; width: 320px; display: block; position: absolute; z-index: 0;
}
.base-game-selector .game-mohw.game-box .game-box-image {
	margin-left: -118px;
}
.base-game-selector .active.game-box {
	cursor: default;
}
.base-game-selector .active.game-box::before {
	left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; z-index: 2; content: ""; box-shadow: inset 0px 0px 0px 4px #ff9900;
}
.base-game-selector .game-box::after {
	transition:opacity 0.1s ease-out; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; z-index: 1; content: ""; background-color: rgba(7, 7, 7, 0.5); -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out;
}
.base-game-selector .game-box:hover::after {
	transition:opacity ease-out; opacity: 0; -webkit-transition: opacity 0 ease-out; -moz-transition: opacity 0 ease-out;
}
.base-game-selector .active.game-box::after {
	transition:opacity ease-out; opacity: 0; -webkit-transition: opacity 0 ease-out; -moz-transition: opacity 0 ease-out;
}
body {
	color: rgb(255, 255, 255);
}
h1 {
	color: rgb(255, 255, 255);
}
h2 {
	color: rgb(255, 255, 255);
}
h3 {
	color: rgb(255, 255, 255);
}
h4 {
	color: rgb(255, 255, 255);
}
h5 {
	color: rgb(255, 255, 255);
}
a {
	color: rgb(255, 255, 255);
}
.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;
}
html:not(.is-touch) {
	height: 100%;
}
html:not(.is-touch) body {
	height: 100%;
}
html:not(.is-touch) #viewport {
	height: 100%;
}
html:not(.is-touch) #base-page {
	height: 100%;
}
body {
	background-color: rgb(35, 13, 13);
}
body.is-cte {
	background: rgb(49, 49, 49) !important;
}
body.is-loggedout.is-cte #receipt-container {
	margin-bottom: 10px;
}
body.is-loggedout.is-cte #base-container::before {
	height: 48px;
}
body.is-cte .loggedout-usp-container {
	height: 710px;
}
#base-background {
	//background: url("/img/bg-video-overlay-dcc29baf.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: url("/img/bg-bf3-premium-3b9d9943.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: url("/img/rainbackgroundloop006.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: url("/img/bg10.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: url("/img/battlefield-3-carrier.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: url("/img/battlefield-wallpaper.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: url("/img/Battlefield_3_-_Operation_Metro_Screenshot_1.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: url("/img/Game-Battlefield-4-Dragons-Teeth-Game-HD-Wallpaper-1920x1080.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: url("/img/125071-ah6-battlefield-3-armored-kill-desert-desert-city-ea-games-explosion-gfx-helicopters-little-bird-m1a1-abrams-tank.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: url("/img/battlefield-3,-military-helicopter,-tank,-desert-191453.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: url("/img/battlefield_3_142.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: url("/img/bg.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: url("/img/rainbackgroundloop006.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: url("/img/bg-bf3-premium-3b9d9943.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: url("/img/battlefield 3 screenshot.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: url("/img/bg2.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	background: url("/img/rainbackgroundloop006.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	
	//background: url("/img/1I9T1.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: url("/img/bg1.jpg") no-repeat 50% 0px rgb(35, 13, 13); text-align: center;
	//background: #1E1E1E url("/img/bg1.jpg") repeat fixed
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}
#base-background .video-container {
	transition:opacity 8s; left: 50%; top: 0px; width: 1920px; height: 960px; overflow: hidden; margin-left: -960px; position: absolute; opacity: 0; -webkit-transition: opacity 8s ease; -moz-transition: opacity 8s ease;
}
#base-background .show.video-container {
	opacity: 1;
}
#base-background .video-container video {
	
}
#esnlaunch_container {
	left: -1px; top: -1px; position: fixed;
}
#base-container {
	min-height: 100%;
}
#base-container {
	margin: 0px auto; width: 992px; position: relative;
}
body.battlescreen #base-container {
	margin: 0px; padding: 0px; width: auto;
}
h1.primary {
	margin: 0px 0px 16px; padding: 1px 16px 0px; color: rgb(255, 255, 255); line-height: 39px; letter-spacing: -1px; display: inline-block; position: relative; background-color: rgba(7, 7, 7, 0.6);
}
#base-container .content > section > header h1.wrappable {
	margin: 0px 0px 16px; padding: 1px 16px 0px; color: rgb(255, 255, 255); line-height: 39px; letter-spacing: -1px; display: inline-block; position: relative; background-color: rgba(7, 7, 7, 0.6);
}
.forum-start-title h1 {
	margin: 0px 0px 16px; padding: 1px 16px 0px; color: rgb(255, 255, 255); line-height: 39px; letter-spacing: -1px; display: inline-block; position: relative; background-color: rgba(7, 7, 7, 0.6);
}
.forum-page-title h1 {
	margin: 0px 0px 16px; padding: 1px 16px 0px; color: rgb(255, 255, 255); line-height: 39px; letter-spacing: -1px; display: inline-block; position: relative; background-color: rgba(7, 7, 7, 0.6);
}
.missions-details .header h1.wrappable {
	margin: 0px 0px 16px; padding: 1px 16px 0px; color: rgb(255, 255, 255); line-height: 39px; letter-spacing: -1px; display: inline-block; position: relative; background-color: rgba(7, 7, 7, 0.6);
}
.devblog .header h1 {
	margin: 0px 0px 16px; padding: 1px 16px 0px; color: rgb(255, 255, 255); line-height: 39px; letter-spacing: -1px; display: inline-block; position: relative; background-color: rgba(7, 7, 7, 0.6);
}
#battlereport > header h1 {
	margin: 0px 0px 16px; padding: 1px 16px 0px; color: rgb(255, 255, 255); line-height: 39px; letter-spacing: -1px; display: inline-block; position: relative; background-color: rgba(7, 7, 7, 0.6);
}
#base-container .content > section > header h1 {
	margin: 0px 0px 16px; padding: 1px 16px 0px; color: rgb(255, 255, 255); line-height: 39px; letter-spacing: -1px; display: inline-block; position: relative; 
	//background-color: rgba(7, 7, 7, 0.6);
	    background-color: rgba(7, 7, 7, 0.88);
}
#base-container .content > section > header h1.wrappable {
	background: rgba(7, 7, 7, 0.6); left: 16px; top: 1px; text-transform: none; line-height: 44px; padding-left: 0px; display: inline; white-space: pre-wrap; position: relative;
}
.forum-start-title h1 {
	background: rgba(7, 7, 7, 0.6); left: 16px; top: 1px; text-transform: none; line-height: 44px; padding-left: 0px; display: inline; white-space: pre-wrap; position: relative;
}
.forum-page-title h1 {
	background: rgba(7, 7, 7, 0.6); left: 16px; top: 1px; text-transform: none; line-height: 44px; padding-left: 0px; display: inline; white-space: pre-wrap; position: relative;
}
.missions-details .header h1.wrappable {
	background: rgba(7, 7, 7, 0.6); left: 16px; top: 1px; text-transform: none; line-height: 44px; padding-left: 0px; display: inline; white-space: pre-wrap; position: relative;
}
.devblog .header h1 {
	background: rgba(7, 7, 7, 0.6); left: 16px; top: 1px; text-transform: none; line-height: 44px; padding-left: 0px; display: inline; white-space: pre-wrap; position: relative;
}
#base-container .content > section > header h1.wrappable::before {
	background: rgba(7, 7, 7, 0.6); left: -16px; top: 0px; width: 16px; bottom: 0px; display: block; position: absolute; content: "";
}
.forum-start-title h1::before {
	background: rgba(7, 7, 7, 0.6); left: -16px; top: 0px; width: 16px; bottom: 0px; display: block; position: absolute; content: "";
}
.forum-page-title h1::before {
	background: rgba(7, 7, 7, 0.6); left: -16px; top: 0px; width: 16px; bottom: 0px; display: block; position: absolute; content: "";
}
.missions-details .header h1.wrappable::before {
	background: rgba(7, 7, 7, 0.6); left: -16px; top: 0px; width: 16px; bottom: 0px; display: block; position: absolute; content: "";
}
.devblog .header h1::before {
	background: rgba(7, 7, 7, 0.6); left: -16px; top: 0px; width: 16px; bottom: 0px; display: block; position: absolute; content: "";
}
table.table-hover > tbody > tr:hover td {
	background-color: rgba(7, 7, 7, 0.6);
}
html:not(.is-ios) table.table th {
	background-clip: padding-box;
}
html:not(.is-ios) table.table td {
	background-clip: padding-box;
}
table.table {
	width: 100%; margin-bottom: 16px; border-collapse: collapse; box-sizing: border-box; border-spacing: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
table.table .center {
	text-align: center;
}
table.table .middle {
	vertical-align: middle;
}
table.table .right {
	text-align: right;
}
table.table .valign {
	top: 50%; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);
}
table.table th 
{
	border-width: 0px 1px 1px 0px; 
	//border-style: none solid solid none;
	border-color: currentColor transparent transparent currentColor; 
	//padding: 10px;
	padding: 0px;
	border-image: none; color: rgb(255, 255, 255); white-space: nowrap; position: relative; background-color: rgba(7, 7, 7, 0.5);
	//padding-left: 8px;
}
table.table td {
	border-width: 0px 1px 1px 0px; border-style: none solid solid none; border-color: currentColor transparent transparent currentColor; padding: 10px; border-image: none; color: rgb(255, 255, 255); white-space: nowrap; position: relative; 
	//background-color: rgba(7, 7, 7, 0.5);
	//background-color: rgb(29, 35, 44);
	//background-color: rgba(7, 7, 7, 0.5);
	//background-color: rgba(111, 110, 119, 0.61);
	//background-color: rgba(31, 37, 44, 0.32);
	//background-color: rgba(7, 7, 7, 0.4);
	//background-color: rgba(7, 7, 7, 0.71);
	//background-color: rgba(27, 32, 41, 0.56);
	background-color: rgba(27, 32, 41, 0.78);
}
table.table th:last-child {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none; box-shadow: none;
}
table.table th.no-separator {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none; box-shadow: none;
}
table.table td:last-child {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none; box-shadow: none;
}
table.table td.no-separator {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none; box-shadow: none;
	
}
table.table th.less-padding {
	padding: 0px 6px;
}
table.table td.less-padding {
	padding: 0px 6px;
}
table.table th.center {
	text-align: center;
}
table.table td.center {
	text-align: center;
}
table.table th.right {
	text-align: right;
}
table.table td.right {
	text-align: right;
}
table.table th .pos-rel {
	width: 100%; height: 100%; position: relative;
}
table.table td .pos-rel {
	width: 100%; height: 100%; position: relative;
}
table.table tbody tr:last-child td {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
table.table tbody tr:last-child th {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
table.table tfoot tr:last-child td {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
table.table tfoot tr:last-child th {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
table.table > thead th {
	//color: rgb(168, 168, 168);
	text-transform: uppercase;
	font-family: Purista;
    font-size: 14px;
    color: #D5DDE5;
	line-height: 23px;
	background-color: rgba(0, 0, 0, 0.75);
    margin-bottom: 1px;

	
	//background-color: rgba(7, 7, 7, 0.8);
	
	//color: rgb(0, 0, 0);
    cursor: default;
    //box-shadow: inset 0px 10px 15px 0px rgba(0,0,0,0.2), 0px 0px 7px 1px rgba(224,244,248,0.3);
    //background-image: linear-gradient(rgb(215, 215, 215) 0%, rgba(215, 215, 215, 0) 50%);
    
	
	//color:#fff;
	//background-color: rgb(0, 0, 0);
	//background-color: rgb(255, 255, 255);	
	
}
table.table > tfoot th {
	color: rgb(168, 168, 168); text-transform: uppercase; font-size: 11px; background-color: rgba(7, 7, 7, 0.8);
}
table.table > tfoot th {
	line-height: 25px;
}
table.table > tbody > tr {
	position: relative;
}
table.table > tbody > tr.active {
	box-shadow: 0px 0px 7px 0px #e0f4f8;
}
table.table > tbody > tr.active > td {
	color: rgb(0, 0, 0); background-image: linear-gradient(rgb(215, 215, 215) 0%, rgba(215, 215, 215, 0) 50%); 
	background-color: rgb(255, 255, 255);
}
table.table > tbody > tr.active > td.no-separator {
	box-shadow: none;
}
table.table > tbody > tr.active > td:last-child {
	box-shadow: none;
}
table.table-leaderboard {
	font-size: 12px;
}
table.table-hover.table-leaderboard tbody tr {
	cursor: pointer;
}
table.table-leaderboard .position {
	font-family: Purista, sans-serif; font-style: normal; font-weight: 400;
}
table.table-leaderboard .score {
	font-family: Purista, sans-serif; font-style: normal; font-weight: 400;
}
table.table-leaderboard .position {
	width: 28px; text-align: center; font-size: 16px;
}
table.table-leaderboard .me .position {
	background: rgb(235, 202, 47); color: rgb(0, 0, 0);
}
table.table-leaderboard .score {
	text-align: right; font-size: 16px;
}
table.table-leaderboard .user {
	color: rgb(138, 138, 138); line-height: 14px; font-family: Arial, sans-serif; font-size: 12px;
}
table.table-leaderboard .user a {
	color: rgb(255, 255, 255); font-weight: bold;
}
table.table-leaderboard .avatar {
	margin: -5px 8px -5px 0px; float: left;
}
table.table-leaderboard .common-playername-personaname {
	font-weight: bold; margin-bottom: 2px;
}
table.table-leaderboard .solo.common-playername-personaname {
	margin-top: 7px;
}
table.table-leaderboard .common-playername-username {
	color: rgb(168, 168, 168);
}
table.table-leaderboard .played-rounds {
	width: 50px; color: rgb(128, 128, 128);
}
table.table-leaderboard .played-rounds .dots {
	margin-top: -4px;
}
table.table-leaderboard .played-rounds .dots > li {
	border: 1px solid rgb(113, 113, 113); border-image: none; width: 7px; height: 7px; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box;
}
table.table-leaderboard .played-rounds .dots > li.active {
	background: rgb(255, 255, 255); border: currentColor; border-image: none;
}
table.table-leaderboard .status {
	color: rgb(168, 168, 168); text-transform: uppercase;
}
table.table-leaderboard .show-more {
	line-height: 8px; cursor: pointer;
}
table.table-leaderboard .show-more td::after {
	display: inline; position: relative; content: "? ? ?";
}
#footer-wrapper {
	background: none; height: 207px; bottom: -207px; color: rgb(168, 168, 168); clear: both; position: absolute; z-index: 0;
}
.footer-mirror {
	left: 1px; width: 1024px; height: 54px; bottom: -54px; position: absolute;
}
.base-content-full-width .footer-mirror {
	display: none;
}
.base-content-full-width #footer {
	background: none; padding-bottom: 54px;
}
#footer-social {
	padding-top: 21px; margin-bottom: 22px; min-height: 201px;
}
#footer-social #footer-social {
	padding-top: 30px;
}
#footer-social .footer-box {
	margin: 0px 50px 0px 0px; width: 280px; float: left; position: relative; min-height: 201px;
}
#footer-social .footer-box .footer-box-header {
	color: rgb(255, 255, 255); text-transform: uppercase; font-family: Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; margin-bottom: 16px;
}
.base-content-full-width #footer-social .footer-box .footer-box-header {
	color: rgb(53, 53, 53);
}
#footer-social .last.footer-box {
	width: 330px; margin-right: 0px;
}
#footer-poll .footer-poll-title {
	padding: 0px 0px 6px; color: rgb(255, 255, 255); line-height: 1.3; font-size: 12px;
}
.base-content-full-width #footer-poll .footer-poll-title {
	color: rgb(53, 53, 53);
}
#footer-poll .footer-poll-novoting {
	line-height: 1.2; font-size: 14px; font-weight: bold;
}
#footer-poll .footer-poll-voted-spacer {
	height: 20px;
}
#footer-poll .footer-poll-totalvotes {
	margin: 10px 0px; color: rgb(138, 138, 138); font-size: 12px;
}
#footer-poll .footer-poll-notloggedin {
	margin: 10px 0px; color: rgb(138, 138, 138); font-size: 12px;
}
.base-content-full-width #footer-poll .footer-poll-totalvotes {
	color: rgb(53, 53, 53);
}
.base-content-full-width #footer-poll .footer-poll-notloggedin {
	color: rgb(53, 53, 53);
}
#footer-poll .footer-poll-notloggedin {
	font-size: 10px; margin-top: 14px; float: right;
}
#footer-poll .footer-poll-notloggedin a {
	font-size: 10px;
}
#footer-poll .footer-poll-totalvotes {
	font-size: 11px; margin-top: 15px; float: left;
}
#footer-poll #footer-poll-form {
	margin: 0px;
}
#footer-poll-form input[type=submit] {
	margin: 10px 0px 0px;
}
#footer-poll-form .footer-poll-answer {
	margin: 2px 0px; color: rgb(165, 165, 165); clear: both;
}
.base-content-full-width #footer-poll-form .footer-poll-answer {
	color: rgb(96, 96, 96);
}
#footer-poll-form .on.footer-poll-answer label span {
	background-position: 0px -10px;
}
#footer-poll-form .footer-poll-answer .checkboxicon {
	background: url("../main/poll-checkbox.png") no-repeat 0px 0px; top: 1px; width: 10px; height: 10px; margin-right: 5px; display: inline-block; position: relative; cursor: pointer;
}
#footer-poll-form .footer-poll-answer input {
	display: none;
}
#footer-poll-form .footer-poll-answer label {
	font-size: 12px; font-weight: normal;
}
#footer-poll-form .footer-pollanswer-radio {
	margin: 8px 10px 0px 0px;
}
#footer-poll .footer-poll-answertitle {
	margin: 6px 0px; color: rgb(165, 165, 165); overflow: hidden;
}
.base-content-full-width #footer-poll .footer-poll-answertitle {
	color: rgb(53, 53, 53);
}
#footer-poll .footer-poll-answertitle div.text-answer {
	width: 238px; font-size: 12px; font-weight: normal; float: left;
}
#footer-poll .footer-poll-answertitle div.answer-percentage {
	width: 40px; text-align: right; clear: right; font-size: 12px; font-weight: normal; float: right;
}
#footer-blog-list .footer-list-item {
	margin-bottom: 14px;
}
#footer-blog-list .footer-item-title {
	line-height: 20px; font-size: 12px;
}
#footer-blog-list .footer-item-info {
	color: rgb(138, 138, 138); font-size: 11px; margin-top: 4px;
}
#footer-blog-list .footer-item-info a {
	font-size: 11px; font-weight: normal;
}
#footer-blog-list .footer-item-info .footer-item-info-created {
	margin-right: 10px;
}
#footer-twitter .main-officialupdate-item {
	padding: 0px 0px 4px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#footer-twitter .main-officialupdate-item-content {
	color: rgb(165, 165, 165); line-height: 19px; padding-top: 1px; padding-bottom: 6px; font-size: 12px;
}
#footer-twitter .main-officialupdate-item-subcontent {
	color: rgb(138, 138, 138); padding-top: 2px;
}
#footer-highlighted .footer-box {
	height: 128px; text-align: center; margin-top: 13px; vertical-align: middle; float: left; display: table-cell;
}
#footer-highlighted .footer-box a {
	vertical-align: middle; display: inline-block;
}
#footer-highlighted .footer-box a + a {
	margin-left: 10px;
}
#footer-highlighted .footer-box#footer-frostbite {
	margin-left: 62px;
}
#footer-highlighted .footer-box#footer-esn {
	margin-left: 62px;
}
#footer-highlighted .footer-box#footer-ratings {
	float: right;
}
#footer-diceea a {
	margin-top: 27px;
}
#footer-diceea a + a {
	margin-left: 20px !important;
}
#footer-frostbite a {
	margin-top: 20px;
}
#footer-esn a {
	margin-top: 26px; vertical-align: bottom !important;
}
#footer-ratings .footer-rating-image a {
	margin-top: 15px; margin-left: 0px;
}
#footer-change-lang {
	font-size: 11px; font-weight: normal; text-decoration: none;
}
#footer-allrightsreserved {
	color: rgb(168, 168, 168); line-height: 14px; font-size: 11px; max-width: 860px;
}
#footer-allrightsreserved .sep {
	color: rgba(255, 255, 255, 0.3); padding-right: 4px; padding-left: 4px;
}
#footer-links .sep {
	color: rgba(255, 255, 255, 0.3); padding-right: 4px; padding-left: 4px;
}
#footer-links {
	line-height: 16px; margin-top: 8px;
}
#footer-links li {
	padding: 0px 5px 0px 0px; font-size: 11px; display: inline;
}
#footer-links li:first-child {
	padding-left: 0px; border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
#footer-links li a {
	color: rgb(168, 168, 168); font-weight: normal; text-decoration: none; margin-right: 5px;
}
#footer-links li a:hover {
	text-decoration: underline;
}
#footer-links li a.footer-link-highlighted {
	font-weight: bold;
}
#footer-highlighted .footer-box-header {
	text-align: center; color: rgb(138, 138, 138); text-transform: uppercase; overflow: hidden; font-family: Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 180px;
}
#footer-legal {
	padding: 15px 0px 16px; border-top-color: rgba(255, 255, 255, 0.2); border-top-width: 1px; border-top-style: solid; position: relative;
}
html.ugm-showing #footer-legal {
	padding-bottom: 80px;
}
#footer-share {
	top: 8px; height: 20px; right: 0px; position: absolute;
}
#footer-share ul {
	margin: 0px; padding: 0px; position: relative;
}
#footer-share ul li {
	margin-right: 15px; float: left; position: relative;
}
#footer-share ul li.last {
	margin-right: 0px;
}
#footer-share ul li a {
	width: 100%; height: 100%; display: block; position: relative;
}
#footer-share ul li a#footer-facebook-logo {
	width: 24px; height: 24px; background-image: url("../footer/icon-facebook.png");
}
#footer-share ul li a#footer-twitter-logo {
	width: 24px; height: 20px; margin-top: 2px; background-image: url("../footer/icon-twitter.png");
}
#footer-share ul li a#footer-youtube-logo {
	width: 50px; height: 20px; margin-top: 2px; background-image: url("../footer/icon-youtube.png");
}
.footer-ratings-continent {
	color: rgb(138, 138, 138); text-transform: uppercase; font-size: 9px;
}
.footer-show-poll {
	right: 0px; bottom: 19px; position: absolute;
}
.footer-show-poll-vote.footer-show-poll {
	bottom: 10px;
}
#footer-poll .common-percentbar-container {
	background: rgb(0, 0, 0); border-color: rgb(70, 70, 70);
}
.base-content-full-width #footer-poll .common-percentbar-container {
	background: rgb(255, 255, 255); border-color: rgb(202, 202, 202);
}
#footer-poll .common-percentbar-container div {
	background-color: rgb(255, 255, 255);
}
.base-content-full-width #footer-poll .common-percentbar-container div {
	background-color: rgb(53, 53, 53);
}
.footer-rating-image {
	float: left;
}
.rating-eu.footer-rating-image {
	width: 75px;
}
.rating-us.footer-rating-image {
	width: 170px; overflow: hidden; margin-left: 55px;
}
.rating-us.footer-rating-image a {
	float: left;
}
.rating-us.footer-rating-image .more-info {
	width: 100px; text-align: left; line-height: 15px; font-size: 11px; margin-top: 20px; margin-left: 8px; float: left;
}
#footer-logo-esrb {
	position: relative;
}
#home-footer {
	margin-top: 16px;
}
#home-footer .row-tight .span2 .box-content {
	height: 300px;
}
#home-footer #tweets {
	float: left;
}
#home-footer .main-officialupdate-item {
	line-height: 16px; font-size: 12px;
}
#home-footer .main-officialupdate-item-content {
	margin-bottom: 10px; margin-left: 40px;
}
#home-footer .main-officialupdate-icon-twitteravatar {
	margin-top: 3px; margin-right: 5px; float: left;
}
form.inline label {
	display: inline-block;
}
form.inline input {
	display: inline-block;
}
form.inline button {
	display: inline-block;
}
form.inline select {
	display: inline-block;
}
form.inline textarea {
	display: inline-block;
}
form fieldset.inline label {
	display: inline-block;
}
form fieldset.inline input {
	display: inline-block;
}
form fieldset.inline button {
	display: inline-block;
}
form fieldset.inline select {
	display: inline-block;
}
form fieldset.inline textarea {
	display: inline-block;
}
form.inline label + input {
	margin-left: 8px;
}
form.inline label + button {
	margin-left: 8px;
}
form.inline label + select {
	margin-left: 8px;
}
form.inline label + textarea {
	margin-left: 8px;
}
form.inline input + input {
	margin-left: 8px;
}
form.inline input + button {
	margin-left: 8px;
}
form.inline input + select {
	margin-left: 8px;
}
form.inline input + textarea {
	margin-left: 8px;
}
form.inline button + input {
	margin-left: 8px;
}
form.inline button + button {
	margin-left: 8px;
}
form.inline button + select {
	margin-left: 8px;
}
form.inline button + textarea {
	margin-left: 8px;
}
form.inline select + input {
	margin-left: 8px;
}
form.inline select + button {
	margin-left: 8px;
}
form.inline select + select {
	margin-left: 8px;
}
form.inline select + textarea {
	margin-left: 8px;
}
form.inline textarea + input {
	margin-left: 8px;
}
form.inline textarea + button {
	margin-left: 8px;
}
form.inline textarea + select {
	margin-left: 8px;
}
form.inline textarea + textarea {
	margin-left: 8px;
}
form fieldset.inline label + input {
	margin-left: 8px;
}
form fieldset.inline label + button {
	margin-left: 8px;
}
form fieldset.inline label + select {
	margin-left: 8px;
}
form fieldset.inline label + textarea {
	margin-left: 8px;
}
form fieldset.inline input + input {
	margin-left: 8px;
}
form fieldset.inline input + button {
	margin-left: 8px;
}
form fieldset.inline input + select {
	margin-left: 8px;
}
form fieldset.inline input + textarea {
	margin-left: 8px;
}
form fieldset.inline button + input {
	margin-left: 8px;
}
form fieldset.inline button + button {
	margin-left: 8px;
}
form fieldset.inline button + select {
	margin-left: 8px;
}
form fieldset.inline button + textarea {
	margin-left: 8px;
}
form fieldset.inline select + input {
	margin-left: 8px;
}
form fieldset.inline select + button {
	margin-left: 8px;
}
form fieldset.inline select + select {
	margin-left: 8px;
}
form fieldset.inline select + textarea {
	margin-left: 8px;
}
form fieldset.inline textarea + input {
	margin-left: 8px;
}
form fieldset.inline textarea + button {
	margin-left: 8px;
}
form fieldset.inline textarea + select {
	margin-left: 8px;
}
form fieldset.inline textarea + textarea {
	margin-left: 8px;
}
.input {
	background: rgba(0, 0, 0, 0.5); margin: 0px; padding: 3px 8px; border: 1px solid rgba(250, 246, 246, 0.6); border-image: none; color: rgb(213, 221, 229);
}
input[type=text] {
	//background: rgba(0, 0, 0, 0.5);
	background: rgb(250, 255, 189);
	margin: 0px; padding: 3px 8px; border: 1px solid rgba(250, 246, 246, 0.6); border-image: none; 
	//color: rgb(213, 221, 229);
	color: rgb(0, 0, 0);
}
input[type=password] {
	//background: rgba(0, 0, 0, 0.5);
	background: rgb(250, 255, 189);
	margin: 0px; padding: 3px 8px; border: 1px solid rgba(250, 246, 246, 0.6); border-image: none; 
	//color: rgb(213, 221, 229);
	color: rgb(0, 0, 0);
}
input[type=email] {
	background: rgba(0, 0, 0, 0.5); margin: 0px; padding: 3px 8px; border: 1px solid rgba(250, 246, 246, 0.6); border-image: none; color: rgb(213, 221, 229);
}
input[type=number] {
	background: rgba(0, 0, 0, 0.5); margin: 0px; padding: 3px 8px; border: 1px solid rgba(250, 246, 246, 0.6); border-image: none; color: rgb(213, 221, 229);
}
input[type=search] {
	background: rgba(0, 0, 0, 0.5); margin: 0px; padding: 3px 8px; border: 1px solid rgba(250, 246, 246, 0.6); border-image: none; color: rgb(213, 221, 229);
}
select {
	background: rgba(0, 0, 0, 0.5); margin: 0px; padding: 3px 8px; border: 1px solid rgba(250, 246, 246, 0.6); border-image: none; color: rgb(213, 221, 229);
}
textarea {
	background: rgba(0, 0, 0, 0.5); margin: 0px; padding: 3px 8px; border: 1px solid rgba(250, 246, 246, 0.6); border-image: none; color: rgb(213, 221, 229);
}
.battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap {
	background: rgba(0, 0, 0, 0.5); margin: 0px; padding: 3px 8px; border: 1px solid rgba(250, 246, 246, 0.6); border-image: none; color: rgb(213, 221, 229);
}
.input:hover {
	border-color: rgb(255, 255, 255);
}
input[type=text]:hover {
	border-color: rgb(255, 255, 255);
}
input[type=password]:hover {
	border-color: rgb(255, 255, 255);
}
input[type=email]:hover {
	border-color: rgb(255, 255, 255);
}
input[type=number]:hover {
	border-color: rgb(255, 255, 255);
}
input[type=search]:hover {
	border-color: rgb(255, 255, 255);
}
select:hover {
	border-color: rgb(255, 255, 255);
}
textarea:hover {
	border-color: rgb(255, 255, 255);
}
.battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:hover {
	border-color: rgb(255, 255, 255);
}
.input:focus {
	border-color: rgb(255, 255, 255);
}
input[type=text]:focus {
	border-color: rgb(255, 255, 255);
}
input[type=password]:focus {
	border-color: rgb(255, 255, 255);
}
input[type=email]:focus {
	border-color: rgb(255, 255, 255);
}
input[type=number]:focus {
	border-color: rgb(255, 255, 255);
}
input[type=search]:focus {
	border-color: rgb(255, 255, 255);
}
select:focus {
	border-color: rgb(255, 255, 255);
}
textarea:focus {
	border-color: rgb(255, 255, 255);
}
.battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:focus {
	border-color: rgb(255, 255, 255);
}
.input:active {
	border-color: rgb(255, 255, 255);
}
input[type=text]:active {
	border-color: rgb(255, 255, 255);
}
input[type=password]:active {
	border-color: rgb(255, 255, 255);
}
input[type=email]:active {
	border-color: rgb(255, 255, 255);
}
input[type=number]:active {
	border-color: rgb(255, 255, 255);
}
input[type=search]:active {
	border-color: rgb(255, 255, 255);
}
select:active {
	border-color: rgb(255, 255, 255);
}
textarea:active {
	border-color: rgb(255, 255, 255);
}
.battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:active {
	border-color: rgb(255, 255, 255);
}
.input:focus {
	//color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
}
input[type=text]:focus {
	//color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
}
input[type=password]:focus {
	//color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
}
input[type=email]:focus {
	//color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
}
input[type=number]:focus {
	color: rgb(255, 255, 255);
}
input[type=search]:focus {
	color: rgb(255, 255, 255);
}
select:focus {
	color: rgb(255, 255, 255);
}
textarea:focus {
	color: rgb(255, 255, 255);
}
.battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:focus {
	color: rgb(255, 255, 255);
}
.input:active {
	color: rgb(255, 255, 255);
}
input[type=text]:active {
	color: rgb(255, 255, 255);
}
input[type=password]:active {
	color: rgb(255, 255, 255);
}
input[type=email]:active {
	color: rgb(255, 255, 255);
}
input[type=number]:active {
	color: rgb(255, 255, 255);
}
input[type=search]:active {
	color: rgb(255, 255, 255);
}
select:active {
	color: rgb(255, 255, 255);
}
textarea:active {
	color: rgb(255, 255, 255);
}
.battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:active {
	color: rgb(255, 255, 255);
}
.block.input {
	width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
input[type=text].block {
	width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
input[type=password].block {
	width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
input[type=email].block {
	width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
input[type=number].block {
	width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
input[type=search].block {
	width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
select.block {
	width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
textarea.block {
	width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap.block {
	width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
@media not all
{
input[type=radio] {
	background: rgba(0, 0, 0, 0.5); padding: 1px; border-radius: 3px; border: 1px solid rgb(142, 142, 142); border-image: none; width: 10px; height: 10px; line-height: 1em; margin-top: -2px; margin-right: 2px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none;
}
input[type=radio]:checked {
	border-color: rgb(255, 255, 255); position: relative; box-shadow: 0px 0px 2px rgba(0,0,0,0.8);
}
input[type=radio]:checked::after {
	background: rgb(255, 255, 255); border-radius: 2px; left: 1px; top: 1px; right: 1px; bottom: 1px; position: absolute; content: "";
}
input[type=radio]:disabled {
	cursor: default; opacity: 0.5;
}
input[type=checkbox] {
	background: rgba(0, 0, 0, 0.5); padding: 1px; border: 1px solid rgb(142, 142, 142); border-image: none; width: 10px; height: 10px; line-height: 1em; margin-top: 1px; margin-right: 2px; vertical-align: middle; cursor: pointer; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;
}
input[type=checkbox]:checked {
	background-position: center; border: 1px solid rgb(255, 255, 255); border-image: none; position: relative; background-image: url(""); background-repeat: no-repeat;
}
input[type=checkbox]:active {
	border-color: rgb(255, 255, 255);
}
input[type=checkbox]:focus {
	border-color: rgb(255, 255, 255);
}
input[type=checkbox]:disabled {
	cursor: default; opacity: 0.5;
}
}
.btn {
	margin: 0px; padding: 0px 25px; border: 1px solid rgb(213, 221, 229); border-image: none; height: 40px; text-align: center; color: rgb(213, 221, 229); text-transform: uppercase; line-height: 38px; overflow: hidden; font-family: Purista, sans-serif; font-size: 19px; font-style: normal; font-weight: 400; text-decoration: none; vertical-align: middle; display: inline-block; cursor: pointer; box-sizing: border-box; background-image: linear-gradient(rgba(7, 7, 7, 0.6) 0%, rgba(7, 7, 7, 0.3) 100%); background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
a.btn {
	margin: 0px; padding: 0px 25px; border: 1px solid rgb(213, 221, 229); border-image: none; height: 40px; text-align: center; color: rgb(213, 221, 229); text-transform: uppercase; line-height: 38px; overflow: hidden; font-family: Purista, sans-serif; font-size: 19px; font-style: normal; font-weight: 400; text-decoration: none; vertical-align: middle; display: inline-block; cursor: pointer; box-sizing: border-box; background-image: linear-gradient(rgba(7, 7, 7, 0.6) 0%, rgba(7, 7, 7, 0.3) 100%); background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
:not([disabled]):not(.disabled).btn:hover {
	border-color: white; color: white; text-shadow: 0px 0px 0.5em rgba(255,255,255,0.8); background-image: linear-gradient(rgba(19, 19, 19, 0.6) 0%, rgba(70, 70, 70, 0.8) 100%);
}
a:not([disabled]):not(.disabled).btn:hover {
	border-color: white; color: white; text-shadow: 0px 0px 0.5em rgba(255,255,255,0.8); background-image: linear-gradient(rgba(19, 19, 19, 0.6) 0%, rgba(70, 70, 70, 0.8) 100%);
}
:not([disabled]):not(.disabled).btn:active {
	border: 1px solid rgb(183, 157, 131); border-image: none; color: black; text-shadow: none; background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%); background-color: rgba(0, 0, 0, 0);
}
:not([disabled]):not(.disabled).active.btn {
	border: 1px solid rgb(183, 157, 131); border-image: none; color: black; text-shadow: none; background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%); background-color: rgba(0, 0, 0, 0);
}
a:not([disabled]):not(.disabled).btn:active {
	border: 1px solid rgb(183, 157, 131); border-image: none; color: black; text-shadow: none; background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%); background-color: rgba(0, 0, 0, 0);
}
a:not([disabled]):not(.disabled).active.btn {
	border: 1px solid rgb(183, 157, 131); border-image: none; color: black; text-shadow: none; background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%); background-color: rgba(0, 0, 0, 0);
}
.btn-primary.btn {
	border: 1px solid rgb(255, 153, 0); border-image: none; color: rgb(255, 153, 0); box-sizing: border-box; background-image: linear-gradient(rgba(7, 7, 7, 0.6) 0%, rgba(7, 7, 7, 0.3) 100%); background-color: transparent; -moz-box-sizing: border-box;
}
a.btn-primary.btn {
	border: 1px solid rgb(255, 153, 0); border-image: none; color: rgb(255, 153, 0); box-sizing: border-box; background-image: linear-gradient(rgba(7, 7, 7, 0.6) 0%, rgba(7, 7, 7, 0.3) 100%); background-color: transparent; -moz-box-sizing: border-box;
}
:not([disabled]):not(.disabled).btn-primary.btn:hover {
	border-color: rgb(255, 191, 102); color: rgb(255, 191, 102); text-shadow: 0px 0px 0.5em rgba(255,191,101,0.8); background-image: linear-gradient(rgba(19, 19, 19, 0.6) 0%, rgba(70, 70, 70, 0.8) 100%);
}
a:not([disabled]):not(.disabled).btn-primary.btn:hover {
	border-color: rgb(255, 191, 102); color: rgb(255, 191, 102); text-shadow: 0px 0px 0.5em rgba(255,191,101,0.8); background-image: linear-gradient(rgba(19, 19, 19, 0.6) 0%, rgba(70, 70, 70, 0.8) 100%);
}
:not([disabled]):not(.disabled).btn-primary.btn:active {
	border: 1px solid rgb(183, 157, 131); border-image: none; color: black; text-shadow: none; background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%); background-color: rgba(0, 0, 0, 0);
}
:not([disabled]):not(.disabled).active.btn-primary.btn {
	border: 1px solid rgb(183, 157, 131); border-image: none; color: black; text-shadow: none; background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%); background-color: rgba(0, 0, 0, 0);
}
a:not([disabled]):not(.disabled).btn-primary.btn:active {
	border: 1px solid rgb(183, 157, 131); border-image: none; color: black; text-shadow: none; background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%); background-color: rgba(0, 0, 0, 0);
}
a:not([disabled]):not(.disabled).active.btn-primary.btn {
	border: 1px solid rgb(183, 157, 131); border-image: none; color: black; text-shadow: none; background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%); background-color: rgba(0, 0, 0, 0);
}
.btn-inverse.btn {
	border: 1px solid rgb(7, 7, 7); border-image: none; color: rgb(7, 7, 7); box-sizing: border-box; background-image: linear-gradient(rgba(213, 221, 229, 0.6) 0%, rgba(213, 221, 229, 0.3) 100%); background-color: transparent; -moz-box-sizing: border-box;
}
a.btn-inverse.btn {
	border: 1px solid rgb(7, 7, 7); border-image: none; color: rgb(7, 7, 7); box-sizing: border-box; background-image: linear-gradient(rgba(213, 221, 229, 0.6) 0%, rgba(213, 221, 229, 0.3) 100%); background-color: transparent; -moz-box-sizing: border-box;
}
:not([disabled]):not(.disabled).btn-inverse.btn:hover {
	border-color: rgb(58, 58, 58); color: rgb(58, 58, 58); text-shadow: 0px 0px 0.5em rgba(58,58,58,0.8); background-image: linear-gradient(rgba(228, 233, 238, 0.6) 0%, rgba(255, 255, 255, 0.8) 100%);
}
a:not([disabled]):not(.disabled).btn-inverse.btn:hover {
	border-color: rgb(58, 58, 58); color: rgb(58, 58, 58); text-shadow: 0px 0px 0.5em rgba(58,58,58,0.8); background-image: linear-gradient(rgba(228, 233, 238, 0.6) 0%, rgba(255, 255, 255, 0.8) 100%);
}
:not([disabled]):not(.disabled).btn-inverse.btn:active {
	border: 1px solid black; border-image: none; color: white; text-shadow: none; background-image: linear-gradient(rgb(58, 58, 58) 0%, rgb(7, 7, 7) 50%, rgb(0, 0, 0) 100%); background-color: rgba(0, 0, 0, 0);
}
:not([disabled]):not(.disabled).active.btn-inverse.btn {
	border: 1px solid black; border-image: none; color: white; text-shadow: none; background-image: linear-gradient(rgb(58, 58, 58) 0%, rgb(7, 7, 7) 50%, rgb(0, 0, 0) 100%); background-color: rgba(0, 0, 0, 0);
}
a:not([disabled]):not(.disabled).btn-inverse.btn:active {
	border: 1px solid black; border-image: none; color: white; text-shadow: none; background-image: linear-gradient(rgb(58, 58, 58) 0%, rgb(7, 7, 7) 50%, rgb(0, 0, 0) 100%); background-color: rgba(0, 0, 0, 0);
}
a:not([disabled]):not(.disabled).active.btn-inverse.btn {
	border: 1px solid black; border-image: none; color: white; text-shadow: none; background-image: linear-gradient(rgb(58, 58, 58) 0%, rgb(7, 7, 7) 50%, rgb(0, 0, 0) 100%); background-color: rgba(0, 0, 0, 0);
}
.btn-subtle.btn {
	background: none; border: 1px solid transparent !important; border-image: none !important; color: rgb(213, 221, 229);
}
.btn-clean.btn {
	background: none; border: 1px solid transparent !important; border-image: none !important; color: rgb(213, 221, 229);
}
a.btn-subtle.btn {
	background: none; border: 1px solid transparent !important; border-image: none !important; color: rgb(213, 221, 229);
}
a.btn-clean.btn {
	background: none; border: 1px solid transparent !important; border-image: none !important; color: rgb(213, 221, 229);
}
:not([disabled]):not(.disabled).btn-subtle.btn:hover {
	background: none; color: rgb(255, 255, 255);
}
:not([disabled]):not(.disabled).btn-clean.btn:hover {
	background: none; color: rgb(255, 255, 255);
}
a:not([disabled]):not(.disabled).btn-subtle.btn:hover {
	background: none; color: rgb(255, 255, 255);
}
a:not([disabled]):not(.disabled).btn-clean.btn:hover {
	background: none; color: rgb(255, 255, 255);
}
:not([disabled]):not(.disabled).btn-subtle.btn:active {
	background: none; color: rgb(255, 255, 255);
}
:not([disabled]):not(.disabled).btn-clean.btn:active {
	background: none; color: rgb(255, 255, 255);
}
a:not([disabled]):not(.disabled).btn-subtle.btn:active {
	background: none; color: rgb(255, 255, 255);
}
a:not([disabled]):not(.disabled).btn-clean.btn:active {
	background: none; color: rgb(255, 255, 255);
}
.btn-large.btn {
	padding: 0px 40px; height: 47px; line-height: 45px; font-size: 23px;
}
a.btn-large.btn {
	padding: 0px 40px; height: 47px; line-height: 45px; font-size: 23px;
}
.btn-small.btn {
	padding: 0px 25px; height: 32px; line-height: 30px; font-size: 16px;
}
a.btn-small.btn {
	padding: 0px 25px; height: 32px; line-height: 30px; font-size: 16px;
}

.btn-logout.btn {
    width: 140px;
	font-size: 14px;
	text-transform: none;
	border: 0px;
	border-top: 1px solid #302F33;
	color: #FFF;
	padding-left: 36px;
	font-weight: normal;
	position: relative;
	vertical-align: top;
	
	
}

.btnlogout {
	-ms-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none;
	margin: 0px; 
	//padding: 0px 25px;
	padding: 0px 0px;
	border: 1px solid rgb(213, 221, 229); border-image: none; height: 40px; text-align: center; color: rgb(213, 221, 229);
	text-transform: none; line-height: 38px; overflow: hidden; 
	//font-family: Purista, sans-serif;
	font-family: Arial,sans-serif;
	font-size: 14px; font-style: normal; font-weight: 400; text-decoration: none; vertical-align: middle; display: inline-block; cursor: pointer; box-sizing: border-box;
	//background-image: linear-gradient(rgba(7, 7, 7, 0.6) 0%, rgba(7, 7, 7, 0.3) 100%);
	background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	width: 200px;
	
	color: #FFF;
	padding-left: 130px;
	font-weight: normal;
	position: relative;

	line-height: 35px;
	font-size: 12px;
	text-decoration: none;
	display: block;

	border: 0px solid rgb(213, 221, 229);
	border-top: 1px solid #302F33;
	margin-top: 0px;

}
a.btnlogout {
	-ms-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none;
	margin: 0px; 
	//padding: 0px 25px;
	padding: 0px 0px;
	border: 0px solid rgb(213, 221, 229);
	border-top: 1px solid rgb(213, 221, 229);
	border-image: none; height: 40px; text-align: center; color: rgb(213, 221, 229);
	text-transform: none; line-height: 38px; overflow: hidden;
	font-family: Arial,sans-serif;
	//font-family: Purista, sans-serif;
	font-size: 14px; font-style: normal; font-weight: 400; text-decoration: none; vertical-align: middle; display: inline-block; cursor: pointer; box-sizing: border-box;
	//background-image: linear-gradient(rgba(7, 7, 7, 0.6) 0%, rgba(7, 7, 7, 0.3) 100%);
	background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	width: 200px;
		
	color: #FFF;
	padding-left: 130px;
	font-weight: normal;
	position: relative;
	border-top: 1px solid #302F33;
	line-height: 35px;
	font-size: 12px;
	text-decoration: none;
	display: block;
	
}


.btn-small.btn .icon-search {
	top: 2px; position: relative;
}
a.btn-small.btn .icon-search {
	top: 2px; position: relative;
}
.btn-tiny.btn {
	padding: 0px 10px; height: 24px; line-height: 22px; font-size: 13px;
}
a.btn-tiny.btn {
	padding: 0px 10px; height: 24px; line-height: 22px; font-size: 13px;
}
.btn-tiny.btn .icon-premium-p {
	left: -4px; top: 2px; position: relative;
}
a.btn-tiny.btn .icon-premium-p {
	left: -4px; top: 2px; position: relative;
}
[disabled].btn {
	cursor: default; opacity: 0.5;
}
.disabled.btn {
	cursor: default; opacity: 0.5;
}
.donotequip
 {
    cursor: default;
    opacity: 0.5;
}


.is-touch #serverbrowser aside .action-buttons-container .starred.favorite-toggle {
	cursor: default; opacity: 0.5;
}
a[disabled].btn {
	cursor: default; opacity: 0.5;
}
a.disabled.btn {
	cursor: default; opacity: 0.5;
}
.is-touch #serverbrowser aside .action-buttons-container a.starred.favorite-toggle {
	cursor: default; opacity: 0.5;
}
.arrow.btn::before {
	right: 0.2em; bottom: 0.15em; font-size: 0.7em; position: relative; content: "> ";
}
a.arrow.btn::before {
	right: 0.2em; bottom: 0.15em; font-size: 0.7em; position: relative; content: "> ";
}
.arrow-down.btn::after {
	left: 0.2em; bottom: 0.15em; line-height: 1; font-size: 0.7em; position: relative; content: " ?;
}
a.arrow-down.btn::after {
	left: 0.2em; bottom: 0.15em; line-height: 1; font-size: 0.7em; position: relative; content: " ?;
}
.btn-block.btn {
	width: 100%; padding-right: 0px; padding-left: 0px; display: block;
}
a.btn-block.btn {
	width: 100%; padding-right: 0px; padding-left: 0px; display: block;
}
.btn > [class^='icon-'] {
	opacity: 0.8;
}
.btn > [class*=' icon-'] {
	opacity: 0.8;
}
a.btn > [class^='icon-'] {
	opacity: 0.8;
}
a.btn > [class*=' icon-'] {
	opacity: 0.8;
}
:not(.disabled).btn:hover > [class^='icon-'] {
	opacity: 1;
}
:not(.disabled).btn:hover > [class*=' icon-'] {
	opacity: 1;
}
a:not(.disabled).btn:hover > [class^='icon-'] {
	opacity: 1;
}
a:not(.disabled).btn:hover > [class*=' icon-'] {
	opacity: 1;
}
:not(.disabled).btn-subtle.btn:hover {
	background-color: rgba(7, 7, 7, 0.35);
}
a:not(.disabled).btn-subtle.btn:hover {
	background-color: rgba(7, 7, 7, 0.35);
}
.map-thumb {
	width: 48px; height: 33px; position: relative;
}
.map-thumb img {
	width: 100%; height: 100%;
}
.map-thumb .quick-join {
	background: rgba(0, 0, 0, 0.8); border: 1px solid rgba(255, 255, 255, 0.9); border-image: none; left: 10px; top: 3px; width: 25px; height: 25px; position: absolute; z-index: 1; opacity: 0;
}
.map-thumb .quick-join::after {
	text-align: center; color: rgba(255, 255, 255, 0.9); line-height: 1.2; font-size: 19px; vertical-align: middle; display: block; content: "?";
}
.map-thumb:hover .quick-join {
	opacity: 1;
}
.medium.map-thumb {
	width: 62px; height: 42px;
}
.medium.map-thumb .quick-join {
	left: 13px; top: 5px; width: 30px; height: 30px;
}
.medium.map-thumb .quick-join::after {
	line-height: 1.4;
}
article:hover .map-thumb .quick-join {
	opacity: 1;
}
tr:hover .map-thumb .quick-join {
	opacity: 1;
}
.firemode-icon {
	background: url("../common/warsaw/firemode-icons.png") no-repeat; width: 23px; height: 15px; display: inline-block;
}
.disabled.firemode-icon {
	opacity: 0.6;
}
.auto.firemode-icon {
	background-position: 0px 0px;
}
.burst.firemode-icon {
	background-position: 0px -18px;
}
.single.firemode-icon {
	background-position: 0px -36px;
}
.common-kit-icon {
	background: url("../profile/bf3/stats/stats-time-icons.png") no-repeat; width: 22px; height: 22px;
}
.kit-1.common-kit-icon {
	background-position: -26px 2px;
}
.kit-2.common-kit-icon {
	background-position: 1px -26px;
}
.kit-8.common-kit-icon {
	background-position: 1px 1px;
}
.kit-32.common-kit-icon {
	background-position: -26px -26px;
}
.kit-icon {
	display: inline-block; background-repeat: no-repeat;
}
.xsmall.kit-icon {
	width: 15px; height: 15px; background-image: url("../common/warsaw/kit-icons-xsmall.png");
}
.kit-1.xsmall.kit-icon {
	background-position: 0px 0px;
}
.assault.xsmall.kit-icon {
	background-position: 0px 0px;
}
.kit-2.xsmall.kit-icon {
	background-position: -17px 0px;
}
.engineer.xsmall.kit-icon {
	background-position: -17px 0px;
}
.kit-32.xsmall.kit-icon {
	background-position: -30px 0px;
}
.support.xsmall.kit-icon {
	background-position: -30px 0px;
}
.kit-8.xsmall.kit-icon {
	background-position: -45px 0px;
}
.recon.xsmall.kit-icon {
	background-position: -45px 0px;
}
.small.kit-icon {
	width: 32px; height: 32px; background-image: url("../img/kit-icons-small.png");
}
.kit-1.small.kit-icon {
	background-position: 0px 0px;
}
.assault.small.kit-icon {
	background-position: 0px 0px;
}
.kit-2.small.kit-icon {
	background-position: -32px 0px;
}
.engineer.small.kit-icon {
	background-position: -32px 0px;
}
.kit-32.small.kit-icon {
	background-position: -64px 0px;
}
.support.small.kit-icon {
	background-position: -64px 0px;
}
.kit-8.small.kit-icon {
	background-position: -96px 0px;
}
.recon.small.kit-icon {
	background-position: -96px 0px;
}
.kit-2048.small.kit-icon {
	background-position: -128px 0px;
}
.commander.small.kit-icon {
	background-position: -128px 0px;
}
.medium.kit-icon {
	width: 52px; height: 52px; background-image: url("../common/warsaw/kit-icons-medium.png");
}
.kit-1.medium.kit-icon {
	background-position: 0px 0px;
}
.assault.medium.kit-icon {
	background-position: 0px 0px;
}
.kit-2.medium.kit-icon {
	background-position: -52px 0px;
}
.engineer.medium.kit-icon {
	background-position: -52px 0px;
}
.kit-32.medium.kit-icon {
	background-position: -104px 0px;
}
.support.medium.kit-icon {
	background-position: -104px 0px;
}
.kit-8.medium.kit-icon {
	background-position: -156px 0px;
}
.recon.medium.kit-icon {
	background-position: -156px 0px;
}
.kit-2048.medium.kit-icon {
	background-position: -208px 0px;
}
.commander.medium.kit-icon {
	background-position: -208px 0px;
}
.xsmall.vehicle-icon {
	width: 16px; height: 16px; display: inline-block; background-image: url("../common/warsaw/vehicle-icons-xsmall.png"); background-repeat: no-repeat;
}
.vehicle-3.xsmall.vehicle-icon {
	background-position: -57px -5px;
}
.fast-attack-boat.xsmall.vehicle-icon {
	background-position: -57px -5px;
}
.vehicle-6.xsmall.vehicle-icon {
	background-position: -109px -5px;
}
.heli-attack.xsmall.vehicle-icon {
	background-position: -109px -5px;
}
.vehicle-5.xsmall.vehicle-icon {
	background-position: -135px -5px;
}
.heli-scout.xsmall.vehicle-icon {
	background-position: -135px -5px;
}
.vehicle-8.xsmall.vehicle-icon {
	background-position: -161px -5px;
}
.heli-transport.xsmall.vehicle-icon {
	background-position: -161px -5px;
}
.vehicle-4.xsmall.vehicle-icon {
	background-position: -187px -5px;
}
.jet-attack.xsmall.vehicle-icon {
	background-position: -187px -5px;
}
.vehicle-7.xsmall.vehicle-icon {
	background-position: -213px -5px;
}
.jet-ground-attack.xsmall.vehicle-icon {
	background-position: -213px -5px;
}
.vehicle-2.xsmall.vehicle-icon {
	background-position: -317px -5px;
}
.mobile-aa.xsmall.vehicle-icon {
	background-position: -317px -5px;
}
.vehicle-1.xsmall.vehicle-icon {
	background-position: -577px -5px;
}
.tank-ifv.xsmall.vehicle-icon {
	background-position: -577px -5px;
}
.vehicle-0.xsmall.vehicle-icon {
	background-position: -629px -5px;
}
.tank-mbt.xsmall.vehicle-icon {
	background-position: -629px -5px;
}
.list-icon {
	width: 76px; height: 24px; margin-left: 1px; float: left; display: inline-block; background-image: url("../common/buttons/list-buttons.png"); background-color: rgba(0, 0, 0, 0.45);
}
.thumbs.list-icon {
	background-position: 0px -24px;
}
.rows.list-icon {
	background-position: 76px -24px;
}
.active.list-icon {
	box-shadow: 0px 0px 7px 0px #e0f4f8; background-color: rgb(255, 255, 255);
}
.thumbs.active.list-icon {
	background-position: 0px 0px;
}
.rows.active.list-icon {
	background-position: 76px 0px;
}
.tag-icon-list {
	margin: 2px 3px 0px 0px; float: left;
}
.tag-icon-list li {
	margin-right: 2px; float: left;
}
.xp-icon {
	border: 1px solid rgb(255, 255, 255); border-image: none; width: 19px; height: 19px; display: inline-block; box-sizing: border-box; background-image: url("../profile/bf4/icon-bf4-xp-17x17.png"); background-color: rgba(7, 7, 7, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
[data-xpack='xp1'].xp-icon {
	background-position: -18px 0px;
}
[data-xpack='xp2'].xp-icon {
	background-position: -36px 0px;
}
[data-xpack='xp3'].xp-icon {
	background-position: -54px 0px;
}
[data-xpack='xp4'].xp-icon {
	background-position: -72px 0px;
}
.dialog .popup-reportabuse-body {
	height: 300px;
}
.dialog-friends.dialog .dialog-body {
	height: 268px !important; -ms-overflow-x: hidden; -ms-overflow-y: auto;
}
.dialog ul.avatars p {
	padding: 10px 16px; color: rgb(87, 87, 87); font-size: 12px;
}
.dialog ul.avatars {
	width: 100%; position: relative;
}
.dialog ul.avatars li {
	background: url("../base/bfbc2/loggedin-clean-heading2.png") no-repeat left bottom; padding: 6px; float: none; position: relative;
}
.dialog ul.avatars li.selected {
	background: rgba(255, 255, 255, 0.7); color: rgb(0, 0, 0);
}
.dialog ul.avatars li.selected .base-friends-username {
	font-weight: bold;
}
.dialog ul.avatars li.selected .base-friends-selectbutton {
	opacity: 0.4;
}
.dialog ul.avatars li.non-selectable {
	opacity: 0.6;
}
.dialog ul.avatars li.non-selectable .base-friends-selectbutton {
	display: none;
}
.dialog ul.avatar-only.avatars li {
	background: none; float: left; display: inline-block;
}
.dialog ul.avatars li.last {
	background: none;
}
.dialog ul.avatars li img {
	float: left;
}
.dialog ul.avatars li img.main-profile-status-icon {
	margin: 5px 5px 0px 12px;
}
.dialog ul.avatars li a {
	line-height: 18px;
}
.dialog ul.avatars .base-friends-avatar {
	margin-right: 10px; float: left;
}
.dialog ul.avatars .base-friends-username {
	float: left;
}
.dialog ul.avatars .base-friends-username a {
	text-decoration: none;
}
.dialog ul.avatars .base-friends-selectbutton {
	top: 2px; float: right; position: relative;
}
.dialog > header a {
	color: rgb(168, 168, 168);
}
.dialog > header .no-transform {
	text-transform: none;
}
.joinflow-origin-not-started.dialog #joinflow-origin-missing-image {
	background: url("../joinflow/origin.png") no-repeat center / cover; margin: 10px; width: 106px; height: 106px; float: left; position: relative;
}
.joinflow-origin-not-started.dialog footer {
	text-align: right; margin-right: 8px;
}
.joinflow-origin-not-started.dialog .bullet {
	height: 30px; margin-bottom: 12px;
}
.joinflow-origin-not-started.dialog #joinflow-pluginpopup-info .loader {
	margin-right: 6px;
}
.joinflow-origin-not-started.dialog .bullet-number {
	background: rgba(255, 255, 255, 0.9); border: 1px solid rgb(204, 204, 204); border-image: none; width: 30px; height: 30px; text-align: center; color: rgb(0, 0, 0); line-height: 30px; font-size: 20px; font-weight: bold; margin-right: 8px; float: left;
}
.joinflow-origin-not-started.dialog .bullet-text {
	width: 380px; line-height: 17px; float: left;
}
.joinflow-origin-not-started.dialog .one-line.bullet-text {
	line-height: 30px;
}
.identity2.dialog {
	background: rgb(251, 251, 251); border: 0px currentColor; border-image: none; width: 900px;
}
#base-bf3-html .identity2.dialog {
	margin-left: -450px;
}
#base-mohw-html .identity2.dialog {
	margin-left: -450px;
}
.identity2.dialog .background-loader {
	left: 50%; top: 100px; margin-left: -16px; position: absolute; z-index: 0;
}
.identity2.dialog .icon-dialog-close {
	background: url("../base/shared/bright-close.png") no-repeat center; left: 5px !important; top: 8px !important; width: 30px; height: 30px; right: auto !important; padding-right: 6px; position: absolute; z-index: 10; cursor: pointer; opacity: 0.6;
}
#base-mohw-html .identity2.dialog .icon-dialog-close {
	background-image: url("../base/shared/dark-close.png");
}
.identity2.dialog .icon-dialog-close:hover {
	opacity: 1;
}
.identity2.dialog .dialog-body {
	padding: 0px;
}
.identity2.dialog iframe {
	width: 100%; height: 500px; display: block; position: relative; z-index: 1;
}
.identity2.dialog footer {
	display: none;
}
.punkbuster.dialog {
	width: 630px;
}
.cloning.emblempreview.dialog .dialog-body .loader {
	display: block;
}
.emblempreview.dialog .dialog-body {
	text-align: center; position: relative;
}
.emblempreview.dialog .dialog-body .loader {
	left: 50%; top: 50%; margin-top: -12px; margin-left: -9px; display: none; position: absolute;
}
.emblemselect.dialog {
	width: 572px;
}
.emblemselect.dialog .emblems-loading {
	margin: 30px auto 10px; display: block;
}
.emblemselect.dialog .emblem-items .item {
	width: 100px; text-align: center; text-decoration: none; margin-left: 10px; float: left; min-height: 148px;
}
.emblemselect.dialog .emblem-items .item-none.item {
	margin-left: 0px;
}
.emblemselect.dialog .emblem-items .active.item .edit-link {
	opacity: 1;
}
.emblemselect.dialog .emblem-items .active.item .emblem {
	cursor: default; opacity: 1; box-shadow: inset 0px 0px 10px 4px rgba(255,255,255,0.2);
}
.emblemselect.dialog .emblem-items .disabled.item {
	opacity: 0.3;
}
.emblemselect.dialog .emblem-items .disabled.item .emblem {
	opacity: 1;
}
.emblemselect.dialog .emblem-items .disabled.item:hover .emblem {
	cursor: default;
}
.emblemselect.dialog .emblem-items .item-platoon.item .emblem {
	background: rgb(168, 168, 168);
}
.emblemselect.dialog .emblem-items .item-none.item .emblem {
	background: none; text-align: center; color: rgb(255, 255, 255);
}
.emblemselect.dialog .emblem-items .item-create.item .emblem {
	background: none; text-align: center; color: rgb(255, 255, 255);
}
.emblemselect.dialog .emblem-items .item-none.item .emblem::before {
	line-height: 100px; font-size: 100px; content: "X";
}
.emblemselect.dialog .emblem-items .item-create.item .emblem::before {
	line-height: 100px; font-size: 100px; content: "X";
}
.emblemselect.dialog .emblem-items .item-create.item .emblem {
	border-radius: 0px; box-shadow: inset 0px 0px 0px 2px #fff;
}
.emblemselect.dialog .emblem-items .item-create.item .emblem::before {
	content: "+";
}
.emblemselect.dialog .emblem-items .item h1 {
	margin: 0px; text-align: left; color: rgb(168, 168, 168); text-transform: uppercase; line-height: 24px; font-family: Purista, sans-serif; font-size: 13px; font-weight: normal; cursor: default;
}
.emblemselect.dialog .emblem-items .item .emblem {
	border-radius: 2px; transition:box-shadow 0.5s; width: 100px; height: 100px; margin-bottom: 8px; display: block; cursor: pointer; opacity: 0.7; -webkit-transition: box-shadow 0.5s ease; -moz-transition: box-shadow 0.5s ease;
}
.emblemselect.dialog .emblem-items .item :first-child.emblem {
	margin-top: 24px;
}
.emblemselect.dialog .emblem-items .item .emblem:hover {
	opacity: 1;
}
.emblemselect.dialog .emblem-items .item .emblem img {
	width: 100px; height: 100px; display: block;
}
.emblemselect.dialog .emblem-items .item .edit-link {
	font-size: 12px;
}
.soldierselect.dialog section {
	padding: 0px; -ms-overflow-y: scroll; max-height: 300px;
}
.soldierselect.dialog .soldier-list > li > a {
	padding: 10px; line-height: 30px; display: block; position: relative;
}
.soldierselect.dialog .soldier-list > li > a .bfh-game-platform {
	width: 100px; display: inline-block;
}
.soldierselect.dialog .soldier-list > li > a:hover {
	background-color: rgba(0, 0, 0, 0.1);
}
.soldierselect.dialog .soldier-list > li .clan-tag {
	line-height: 24px; padding-bottom: 2px; font-size: 16px; font-weight: bold;
}
.soldierselect.dialog .soldier-list > li .name {
	line-height: 24px; padding-bottom: 2px; font-size: 16px; font-weight: bold;
}
.soldierselect.dialog .soldier-list > li .gameicon {
	top: 1px; margin-right: 10px; vertical-align: text-bottom; display: inline-block; position: relative; min-width: 26px;
}
.dialog .soldierselect-description {
	text-align: left; line-height: 16px; font-size: 11px; float: left; max-width: 360px;
}
.dialog #soldierimage li {
	float: left; position: relative;
}
.dialog #soldierimage li .icon-premium-p {
	right: 6px; bottom: 6px; position: absolute;
}
.dialog a:not(.btn) {
	text-decoration: underline;
}
.dialog a:not(.btn):hover {
	color: rgb(128, 128, 128);
}
.dialog a:not(.btn):active {
	color: rgb(128, 128, 128);
}
.dialog .popup-reportabuse-show-type {
	margin-bottom: 10px;
}
.dialog .popup-reportabuse-show-type select {
	cursor: pointer;
}
.dialog .popup-reportabuse-show-type .popup-reportabuse-text {
	line-height: 24px; font-weight: bold; margin-right: 6px;
}
.dialog .popup-gameinvite-avatar {
	width: 65px; margin-left: 5px; float: left;
}
.dialog .popup-gameinvite-serverinfo-firstrow {
	color: rgb(168, 168, 168);
}
.dialog .popup-gameinvite-content {
	margin-left: 82px;
}
.dialog .popup-gameinvite-serverinfo-map {
	overflow: hidden;
}
.dialog .popup-gameinvite-serverinfo-map img {
	width: auto; height: 100px; margin-left: -95px; display: block;
}
.dialog .popup-gameinvite-serverinfo-gameicon {
	display: inline-block;
}
.dialog .popup-gameinvite-serverinfo-gameicon span {
	margin-bottom: -2px;
}
.dialog .popup-gameinvite-servername a {
	padding: 3px 0px; width: 100%; overflow: hidden; font-size: 14px; font-weight: bold; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.dialog .popup-party-invitetext {
	line-height: 60px;
}
.popup-coop-invite.dialog .popup-gameinvite-serverinfo-map {
	width: 75px; float: left;
}
.popup-coop-invite.dialog .popup-gameinvite-serverinfo-map img {
	height: auto; margin-left: 0px;
}
.popup-coop-invite.dialog .popup-coop-info {
	float: left;
}
.popup-bannedpersona.dialog {
	text-align: center;
}
.bfh-feedback-dialog.dialog {
	width: 1020px; height: 90%; margin-left: -510px; background-color: rgb(255, 255, 255);
}
.bfh-feedback-dialog.dialog .dialog-body {
	padding: 0px; -ms-overflow-x: auto; -ms-overflow-y: hidden; background-color: rgb(255, 255, 255);
}
html:not(.is-touch) body:not(.no-comcenter) #dialog-container .bfh-feedback-dialog {
	margin-left: -392px;
}
#base-bf4-html .popup-coop-invite.dialog .popup-gameinvite-serverinfo-container {
	padding-top: 10px; padding-bottom: 6px;
}
.track-item-dialog {
	width: 574px;
}
.track-item-dialog .dialog-body {
	padding-bottom: 0px;
}
.track-item-dialog #selected-track-item {
	width: 180px; height: 150px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);
}
.track-item-dialog .suggestion-box {
	width: 180px; height: 150px; text-align: center; overflow: hidden; float: left; position: relative; background-color: rgb(32, 32, 38);
}
.track-item-dialog .suggestion-box:hover {
	background-color: rgb(38, 38, 45);
}
.track-item-dialog :first-child.suggestion-box {
	margin-right: 1px;
}
.track-item-dialog :last-child.suggestion-box {
	margin-left: 1px;
}
.track-item-dialog .active.suggestion-box {
	background-color: rgba(255, 255, 255, 0.1);
}
.track-item-dialog .active.suggestion-box .current {
	display: none;
}
.track-item-dialog .suggestion-box strong {
	left: 15px; top: 10px; padding-right: 15px; position: absolute;
}
.track-item-dialog .suggestion-box .image {
	margin: 40px auto 0px;
}
.track-item-dialog .suggestion-box .progress-bar {
	width: 100%; bottom: 0px; margin-bottom: 0px; position: absolute;
}
.track-item-dialog .suggestion-box .green-check-small {
	width: 12px; height: 12px; right: 3px; bottom: 10px; position: absolute; background-image: url("../battledash/images/icons/green-check-small.png");
}
#gamenotstarting-resolve-origin {
	margin-top: 8px; margin-bottom: 24px; margin-left: 24px; list-style-type: circle;
}
.share-br-dialog {
	width: 680px;
}
.share-br-dialog .avatar {
	float: left;
}
.share-br-dialog .content-container {
	width: 548px; margin-left: 15px; float: left;
}
.share-br-dialog .share-comment {
	margin-bottom: 8px;
}
.share-br-dialog .share-comment textarea {
	width: 548px; height: 75px; font-family: Arial, sans-serif; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.share-br-dialog footer .facebook-sharing {
	padding-left: 22px; margin-left: 75px; float: left; position: relative;
}
.share-br-dialog footer .facebook-sharing i.fb-icon {
	background: url("../base/shared/icon-fb-share.png") 0% 0% / 100%; left: 0px; top: 3px; width: 11px; height: 11px; position: absolute;
}
.share-br-dialog footer .facebook-sharing a {
	text-decoration: none; margin-right: 8px;
}
.share-br-dialog footer .facebook-sharing .switch {
	top: 0px; margin-top: 0px; margin-bottom: 0px; position: relative;
}
.share-br-dialog footer .btn-container {
	margin-right: 25px; float: right;
}
.feed-story-body p.feed-br-share-text {
	padding: 4px 0px;
}
.dialog-share-content {
	background-color: rgb(48, 48, 48);
}
a.feed-item-anchor-battlereport:hover {
	text-decoration: none !important;
}
.battlefeed .list .battlereport-feed-item {
	margin: 10px 0px 3px; width: 548px;
}
.battlereport-feed-item {
	margin: 10px 0px 3px; width: 548px;
}
.battlefeed .list .battlereport-feed-item header {
	margin: 0px !important; padding: 0px !important; height: 163px;
}
.battlereport-feed-item header {
	margin: 0px !important; padding: 0px !important; height: 163px;
}
.battlefeed .list .battlereport-feed-item .prize .box-content {
	padding: 8px;
}
.battlereport-feed-item .prize .box-content {
	padding: 8px;
}
.battlefeed .list .battlereport-feed-item .info-list li {
	margin: 1px 0px 0px 1px; width: 106px; text-align: center; color: rgb(255, 255, 255); overflow: hidden; float: left; display: inline-block; background-color: rgba(0, 0, 0, 0.5);
}
.battlereport-feed-item .info-list li {
	margin: 1px 0px 0px 1px; width: 106px; text-align: center; color: rgb(255, 255, 255); overflow: hidden; float: left; display: inline-block; background-color: rgba(0, 0, 0, 0.5);
}
.battlefeed .list .battlereport-feed-item .info-list li h5 {
	margin: 10px auto 0px; padding: 0px; line-height: 14px; font-size: 14px;
}
.battlereport-feed-item .info-list li h5 {
	margin: 10px auto 0px; padding: 0px; line-height: 14px; font-size: 14px;
}
.battlefeed .list .battlereport-feed-item .info-list li strong {
	line-height: 36px; font-size: 24px; font-weight: bold;
}
.battlereport-feed-item .info-list li strong {
	line-height: 36px; font-size: 24px; font-weight: bold;
}
.battlefeed .list .battlereport-feed-item .info-list li.small {
	height: 65px;
}
.battlereport-feed-item .info-list li.small {
	height: 65px;
}
.battlefeed .list .battlereport-feed-item .info-list li.medium {
	width: 213px; height: 85px; position: relative;
}
.battlereport-feed-item .info-list li.medium {
	width: 213px; height: 85px; position: relative;
}
.battlefeed .list .battlereport-feed-item .info-list li.medium h5 {
	margin: 0px auto 4px; padding: 5px 0px 3px; background-color: rgb(0, 0, 0);
}
.battlereport-feed-item .info-list li.medium h5 {
	margin: 0px auto 4px; padding: 5px 0px 3px; background-color: rgb(0, 0, 0);
}
.battlefeed .list .battlereport-feed-item .info-list li.medium .na {
	color: rgb(102, 102, 102); margin-top: 20px; display: block;
}
.battlereport-feed-item .info-list li.medium .na {
	color: rgb(102, 102, 102); margin-top: 20px; display: block;
}
.battlefeed .list .battlereport-feed-item .info-list li.medium .kit-icon {
	margin-top: 10px;
}
.battlereport-feed-item .info-list li.medium .kit-icon {
	margin-top: 10px;
}
.battlefeed .list .battlereport-feed-item .info-list li.large {
	width: 120px; height: 151px; margin-left: 0px;
}
.battlereport-feed-item .info-list li.large {
	width: 120px; height: 151px; margin-left: 0px;
}
.battlefeed .list .battlereport-feed-item .info-list li.large .team-position {
	margin: 15px auto 32px; line-height: 40px; font-size: 38px; display: block;
}
.battlereport-feed-item .info-list li.large .team-position {
	margin: 15px auto 32px; line-height: 40px; font-size: 38px; display: block;
}
.popup-feedback-container {
	max-height: 320px;
}
.popup-feedback-container .hidden {
	display: none;
}
.popup-feedback-container .feedback-manual {
	margin-bottom: 16px;
}
.popup-feedback-container .feedback-manual p {
	font-size: 12px; font-weight: bold; margin-bottom: 10px;
}
.popup-feedback-container .feedback-manual-download {
	padding: 6px; border: 1px solid rgba(255, 255, 255, 0.15); border-image: none; text-decoration: none !important; margin-top: 6px; margin-right: 6px;
}
.dialog-battlescreen {
	width: 800px;
}
.is-app .dialog-battlescreen {
	margin-left: -400px;
}
.dialog-battlescreen h6 {
	color: rgb(168, 168, 168); line-height: 24px;
}
.dialog-battlescreen .apps {
	color: rgb(168, 168, 168);
}
.dialog-battlescreen .apps a + a {
	margin-left: 5px;
}
.dialog-battlescreen .info {
	padding: 20px 0px 0px 20px; width: 310px;
}
.dialog-battlescreen .smartglass {
	margin-bottom: 5px;
}
.dialog-battlescreen p {
	padding: 2px 0px 4px; text-transform: uppercase; font-size: 11px; font-weight: bold;
}
.dialog-feedback {
	width: 560px;
}
.dialog-feedback .sprite {
	background: url("//eaassets-a.akamaihd.net/battlelog/bb/bf4/dialog/dialog-feedback-1169fcb7.png") no-repeat center; width: 82px; display: inline-block;
}
.dialog-feedback .ea.sprite {
	background-position: 0px 0px; width: 57px; height: 58px; margin-top: -5px; vertical-align: middle;
}
.dialog-feedback .accounts.sprite {
	background-position: 0px -68px; height: 67px;
}
.dialog-feedback .troubleshooting.sprite {
	background-position: -1px -145px; height: 67px;
}
.dialog-feedback .connectivity.sprite {
	background-position: 0px -218px; width: 81px; height: 67px;
}
.dialog-feedback .battlelog.sprite {
	background-position: 0px -285px; width: 49px; height: 42px; margin-top: -5px; margin-right: 8px; vertical-align: middle;
}
.dialog-feedback .help-ea-com.sprite {
	background-position: 0px -337px; width: 55px; height: 32px;
}
.dialog-feedback .answer-hq.sprite {
	background-position: 0px -379px; width: 52px; height: 45px;
}
.dialog-feedback h1 {
	line-height: 55px; margin-bottom: 16px;
}
.dialog-feedback h2 {
	margin: 16px 0px; line-height: 55px; font-size: 26px !important;
}
.dialog-feedback .boxes a {
	text-decoration: none !important; position: relative;
}
.dialog-feedback .buttons a {
	text-decoration: none !important; position: relative;
}
.dialog-feedback .boxes a:hover {
	color: rgb(255, 255, 255);
}
.dialog-feedback .buttons a:hover {
	color: rgb(255, 255, 255);
}
.dialog-feedback .boxes a:hover::after {
	opacity: 1;
}
.dialog-feedback .buttons a:hover::after {
	opacity: 1;
}
.dialog-feedback .boxes a::after {
	transition:opacity 0.1s ease-out; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; content: ""; opacity: 0; background-color: rgba(255, 255, 255, 0.2); -webkit-transition: 0.1s opacity ease-out; -moz-transition: 0.1s opacity ease-out;
}
.dialog-feedback .buttons a::after {
	transition:opacity 0.1s ease-out; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; content: ""; opacity: 0; background-color: rgba(255, 255, 255, 0.2); -webkit-transition: 0.1s opacity ease-out; -moz-transition: 0.1s opacity ease-out;
}
.dialog-feedback .boxes a {
	padding: 16px; width: calc(33% - 37px); text-align: center; color: rgb(255, 255, 255); margin-right: 10px; float: left; display: block; min-height: 132px;
}
.dialog-feedback .boxes a i {
	margin: 8px;
}
.dialog-feedback .boxes a h3 {
	margin: 0px; text-align: left; color: rgb(255, 255, 255); line-height: 22px; font-size: 18px; -webkit-margin-after: 0;
}
.dialog-feedback .boxes a:nth-child(1) {
	background-color: rgb(42, 59, 68);
}
.dialog-feedback .boxes a:nth-child(2) {
	background-color: rgb(98, 63, 53);
}
.dialog-feedback .boxes a:nth-child(3) {
	margin-right: 0px; background-color: rgb(50, 91, 90);
}
.dialog-feedback .buttons a {
	float: left; display: block;
}
.dialog-feedback .more-help a {
	float: left; display: block;
}
.dialog-feedback .buttons a {
	padding: 8px 16px; color: rgb(255, 255, 255); font-size: 18px; margin-bottom: 10px; background-color: rgb(42, 59, 68);
}
.dialog-feedback .buttons a.half {
	width: calc(50% - 37px); margin-right: 10px;
}
.dialog-feedback .buttons a:nth-child(2n).half {
	margin-right: 0px;
}
.dialog-feedback .buttons a.full {
	width: calc(100% - 32px);
}
.dialog-feedback .more-help a {
	width: calc(50% - 10px); text-decoration: none !important; margin-right: 10px;
}
.dialog-feedback .more-help a:nth-child(2n) {
	margin-right: 0px;
}
.dialog-feedback .more-help i {
	margin-right: 16px;
}
.dialog-feedback .more-help i.help-ea-com {
	margin-top: 5px;
}
.dialog-feedback .more-help i.answer-hq {
	margin-top: 2px;
}
.breadcrumb {
	list-style: none; margin: 0px 0px 5px; padding: 0px;
}
.small.breadcrumb li {
	margin-right: 5px;
}
.small.breadcrumb a {
	height: 24px; line-height: 24px; font-size: 12px;
}
.small.breadcrumb a::before {
	border-width: 12px 0px 12px 7px;
}
.small.breadcrumb a::after {
	border-width: 12px 0px 12px 7px;
}
.small.breadcrumb a::before {
	left: -7px;
}
.small.breadcrumb a::after {
	right: -7px;
}
.small.breadcrumb li a {
	font-family: arial, sans-serif;
}
.medium.breadcrumb a {
	height: 30px; line-height: 30px; font-size: 16px;
}
.large.breadcrumb a {
	height: 32px; line-height: 32px; font-size: 23px;
}
.large.breadcrumb a::before {
	border-width: 16px 0px 16px 9px;
}
.large.breadcrumb a::after {
	border-width: 16px 0px 16px 9px;
}
.large.breadcrumb li a {
	font-family: Purista, sans-serif; font-style: normal; font-weight: 600;
}
.breadcrumb li {
	margin: 0px 7px 0px 0px; display: inline-block;
}
.breadcrumb li a {
	background: rgba(0, 0, 0, 0.5); padding: 0px 12px 0px 10px; text-decoration: none; display: block; position: relative; cursor: pointer;
}
.breadcrumb li a::before {
	background: none; border-width: 15px 0px 15px 9px; border-style: solid; top: 0px; width: 0px; height: 0px; position: absolute; content: " ";
}
.breadcrumb li a::after {
	background: none; border-width: 15px 0px 15px 9px; border-style: solid; top: 0px; width: 0px; height: 0px; position: absolute; content: " ";
}
.breadcrumb li a::before {
	border-color: rgba(0, 0, 0, 0.5) transparent; left: -9px;
}
.breadcrumb li a::after {
	border-color: transparent transparent transparent rgba(0, 0, 0, 0.5); right: -9px;
}
.breadcrumb li:first-of-type a {
	background: rgba(0, 0, 0, 0.5); padding-left: 16px;
}
.breadcrumb li:first-of-type a::before {
	display: none;
}
.breadcrumb li:first-of-type a::after {
	border-color: transparent transparent transparent rgba(0, 0, 0, 0.5);
}
.breadcrumb li:hover a {
	background: rgba(0, 0, 0, 0.7);
}
.breadcrumb li:active a {
	background: rgba(0, 0, 0, 0.7);
}
.breadcrumb li:hover a::before {
	border-color: rgba(0, 0, 0, 0.7) transparent;
}
.breadcrumb li:active a::before {
	border-color: rgba(0, 0, 0, 0.7) transparent;
}
.breadcrumb li:hover a::after {
	border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);
}
.breadcrumb li:active a::after {
	border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);
}
.breadcrumb li:first-of-type:hover a::before {
	display: none;
}
.breadcrumb li:first-of-type:active a::before {
	display: none;
}
.breadcrumb li:first-of-type:hover a::after {
	border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);
}
.breadcrumb li:first-of-type:active a::after {
	border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);
}
.breadcrumb li:last-of-type a {
	background: rgba(0, 0, 0, 0.6); cursor: default;
}
.breadcrumb li:last-of-type a::before {
	border-color: rgba(0, 0, 0, 0.6) transparent;
}
.breadcrumb li:last-of-type a::after {
	border-color: transparent transparent transparent rgba(0, 0, 0, 0.6);
}
.breadcrumb li:last-of-type:first-of-type a::before {
	display: none;
}
.breadcrumb li:last-of-type:first-of-type a::after {
	border-color: transparent transparent transparent rgba(0, 0, 0, 0.6);
}
.ui-select .dropdown li.selected {
	color: black; box-shadow: 0px 0px 7px 0px #e0f4f8; background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%); background-color: white;
}
.pagination-paginationbutton {
	text-decoration: none; margin-right: 5px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; float: left; background-color: rgb(239, 239, 239);
}
.pagination-paginationbutton:hover {
	text-decoration: none; background-color: rgb(249, 249, 249);
}
.pagination-paginationbutton-border {
	border: 1px solid rgb(213, 213, 213); border-image: none;
}
.pagination-paginationbutton-inner {
	padding: 1px 7px 0px; height: 22px; text-align: center; line-height: 22px; font-size: 12px; font-weight: normal; display: block; box-shadow: inset 0px 1px 0px #fff;
}
.pagination-paginationbutton-extra {
	background: url("../forum/pagination-icons.png") no-repeat; top: 6px; width: 8px; height: 9px; display: none; position: relative;
}
.pagination-type-dots.pagination-paginationbutton .pagination-paginationbutton-extra {
	background-position: 0px -38px; top: 12px; height: 3px; display: block;
}
.pagination-type-next.pagination-paginationbutton .pagination-paginationbutton-extra {
	background-position: 0px 0px; display: block;
}
.pagination-type-next-disabled.pagination-paginationbutton .pagination-paginationbutton-extra {
	background-position: 0px -9px; display: block;
}
.pagination-type-prev.pagination-paginationbutton .pagination-paginationbutton-extra {
	background-position: 0px -19px; display: block;
}
.pagination-type-prev-disabled.pagination-paginationbutton .pagination-paginationbutton-extra {
	background-position: 0px -28px; display: block;
}
.pagination-pagination-left {
	float: right;
}
.pagination-pagination-right {
	float: left;
}
.pagination-type-on.pagination-paginationbutton {
	background-color: rgb(220, 220, 220);
}
.pagination-type-on.pagination-paginationbutton:hover {
	cursor: default;
}
.pagination-type-on.pagination-paginationbutton .pagination-paginationbutton-border {
	border-width: 1px medium medium; border-style: solid none none; border-color: rgb(202, 202, 202) currentColor currentColor; border-image: none;
}
.pagination-type-on.pagination-paginationbutton .pagination-paginationbutton-inner {
	color: rgb(53, 53, 53); padding-bottom: 1px; font-weight: bold; box-shadow: inset 0px 1px 0px #d5d5d5, inset 0px -1px 0px #d5d5d5;
}
.pagination-type-next-disabled.pagination-paginationbutton {
	color: rgb(220, 220, 220); background-color: rgb(240, 240, 240);
}
.pagination-type-prev-disabled.pagination-paginationbutton {
	color: rgb(220, 220, 220); background-color: rgb(240, 240, 240);
}
.pagination-type-next-disabled.pagination-paginationbutton .pagination-paginationbutton-border {
	border: 1px solid rgb(232, 232, 232); border-image: none;
}
.pagination-type-prev-disabled.pagination-paginationbutton .pagination-paginationbutton-border {
	border: 1px solid rgb(232, 232, 232); border-image: none;
}
.pagination-type-next.pagination-paginationbutton {
	margin-right: 0px;
}
.pagination-type-next-disabled.pagination-paginationbutton {
	margin-right: 0px;
}
.pagination-type-dots.pagination-paginationbutton {
	background: none; border: currentColor; border-image: none; height: auto; cursor: default;
}
.pagination-type-dots.pagination-paginationbutton .pagination-paginationbutton-border {
	background: none; border: currentColor; border-image: none; height: auto; cursor: default;
}
.pagination-type-dots.pagination-paginationbutton .pagination-paginationbutton-inner {
	background: none; border: currentColor; border-image: none; height: auto; cursor: default;
}
.pagination-type-dots.pagination-paginationbutton:hover {
	background: none; border: currentColor; border-image: none; height: auto; cursor: default;
}
.pagination-type-dots.pagination-paginationbutton:hover .pagination-paginationbutton-border {
	background: none; border: currentColor; border-image: none; height: auto; cursor: default;
}
.pagination-type-dots.pagination-paginationbutton:hover .pagination-paginationbutton-inner {
	background: none; border: currentColor; border-image: none; height: auto; cursor: default;
}
.pagination-type-dots.pagination-paginationbutton .pagination-paginationbutton-inner {
	padding: 0px 2px;
}
#leaderboard-result .pagination-paginationbutton {
	margin-top: 0px;
}
.pagination-paginationbutton {
	background: none; border: currentColor; border-image: none; margin-right: 1px;
}
.pagination-paginationbutton:hover {
	background: none;
}
.pagination-paginationbutton:hover .pagination-paginationbutton-border {
	border-color: rgb(255, 255, 255);
}
.pagination-paginationbutton:hover .pagination-paginationbutton-inner {
	color: rgb(255, 255, 255);
}
.pagination-type-dots.pagination-paginationbutton {
	margin: 0px 5px;
}
.pagination-type-dots.pagination-paginationbutton .pagination-paginationbutton-extra {
	top: 11px;
}
.pagination-paginationbutton-border {
	border: currentColor; border-image: none; background-color: rgba(7, 7, 7, 0.5);
}
.pagination-paginationbutton-inner {
	color: rgb(213, 221, 229); box-shadow: none;
}
.pagination-type-on.pagination-paginationbutton {
	background: none;
}
.pagination-type-on.pagination-paginationbutton .pagination-paginationbutton-border {
	border: currentColor; border-image: none;
}
.pagination-type-on.pagination-paginationbutton .pagination-paginationbutton-inner {
	color: black; padding-bottom: 0px; font-weight: normal; box-shadow: 0px 0px 7px 0px #e0f4f8; background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%); background-color: white;
}
.pagination-type-next-disabled.pagination-paginationbutton {
	color: rgb(168, 168, 168); background-color: transparent;
}
.pagination-type-prev-disabled.pagination-paginationbutton {
	color: rgb(168, 168, 168); background-color: transparent;
}
.pagination-type-next-disabled.pagination-paginationbutton .pagination-paginationbutton-border {
	border: currentColor; border-image: none;
}
.pagination-type-prev-disabled.pagination-paginationbutton .pagination-paginationbutton-border {
	border: currentColor; border-image: none;
}
.pagination-type-next.pagination-paginationbutton .pagination-paginationbutton-extra {
	height: 10px; opacity: 0.8;
}
.pagination-type-prev.pagination-paginationbutton .pagination-paginationbutton-extra {
	height: 10px; opacity: 0.8;
}
.pagination-type-next.pagination-paginationbutton:hover .pagination-paginationbutton-extra {
	opacity: 1;
}
.pagination-type-prev.pagination-paginationbutton:hover .pagination-paginationbutton-extra {
	opacity: 1;
}
.pagination-type-next-disabled.pagination-paginationbutton .pagination-paginationbutton-extra {
	height: 10px; opacity: 0.3;
}
.pagination-type-prev-disabled.pagination-paginationbutton .pagination-paginationbutton-extra {
	height: 10px; opacity: 0.3;
}
.pagination-type-next.pagination-paginationbutton .pagination-paginationbutton-extra {
	background-position: 0px -9px;
}
.pagination-type-prev.pagination-paginationbutton .pagination-paginationbutton-extra {
	background-position: 0px -28px;
}
.battlefeed .loading {
	text-align: center;
}
.battlefeed .update {
	padding: 16px; border-bottom-color: transparent; border-bottom-width: 1px; border-bottom-style: solid;
}
.battlefeed .feeditems .base-item-ribbon-small {
	
}
.battlefeed .feeditems .awards .awardcontainer {
	padding: 10px; border: 1px solid rgb(138, 138, 138); border-image: none;
}
.battlefeed .list .item {
	padding: 16px 16px 16px 68px; line-height: 16px; font-size: 14px; position: relative;
}
.battlefeed .list .item .avatar {
	left: 0px; position: absolute;
}
.battlefeed .list .item + .item {
	border-top-color: transparent; border-top-width: 1px; border-top-style: solid;
}
.battlefeed .list :first-child.item {
	padding-top: 0px;
}
.battlefeed .list :last-child.item {
	padding-bottom: 32px;
}
.battlefeed .list .item span {
	line-height: 16px; margin-bottom: 2px;
}
.battlefeed .list .item header {
	margin-bottom: 10px;
}
.battlefeed .list .item header .username {
	font-weight: bold;
}
.battlefeed .list .item header .hooah {
	float: right;
}
.battlefeed .list .item footer {
	text-transform: none;
}
.battlefeed #profile-status-message #profile-edit-status-button {
	display: none;
}
.battlefeed #profile-status-message #feed-addlinkwithpreviewarea {
	margin-bottom: 8px; display: none;
}
.battlefeed #profile-status-message .feed-actions {
	text-align: right; float: right;
}
.battlefeed .feed-comment-form {
	font-size: 12px;
}
.battlefeed .feed-comment-text-not-clicked {
	font-size: 12px;
}
.battlefeed .feed-comment-text-clicked {
	font-size: 12px;
}
.battlefeed .feed-comment-form {
	color: rgb(168, 168, 168);
}
.battlefeed .feed-comment-text-not-clicked {
	color: rgb(168, 168, 168);
}
#feed-container {
	margin-top: 1px;
}
#feed-container .feed-friends .box-content {
	text-align: center;
}
#feed-container .feed-friends .box-content h2 {
	font-size: 20px;
}
#feed-container .feed-friends .box-content h3 {
	font-size: 16px;
}
#feed-container .feed-friends .box-content li {
	margin-bottom: 4px;
}
#feed-container .feed-statstransferlink {
	display: inline-block;
}
#feed-container .feed-statstransferlink:hover {
	text-decoration: none;
}
#feed-container .feed-statstransfer {
	background: rgba(0, 0, 0, 0.5); width: 310px; height: 54px; margin-top: 8px; margin-bottom: 8px; cursor: pointer;
}
#feed-container .feed-statstransfer:hover {
	background: rgba(0, 0, 0, 0.7);
}
#feed-container .feed-statstransfer .stats {
	width: 140px; text-align: center; font-family: Purista, sans-serif; font-size: 26px; font-style: normal; font-weight: 400; margin-top: 18px; display: inline-block;
}
#feed-container .feed-statstransfer .grey.stats {
	color: rgb(204, 204, 204);
}
#feed-container .feed-statstransfer .arrow.stats {
	background: url("../feed/arrow_thin_white.png"); width: 9px; height: 18px;
}
.feed-show-item#feed-container {
	margin-top: 0px;
}
#feed-container .feed-story-creationDate a {
	color: rgb(138, 138, 138);
}
#feed-container .feed-story-playingas a {
	font-size: 11px; font-weight: normal;
}
#feed-container .base-profile-link {
	font-weight: bold;
}
#feed-single-event-container {
	padding-top: 10px; padding-bottom: 10px;
}
#feed-single-event-container .feed-single-item {
	border: 0px currentColor; border-image: none;
}
.feed-single-item {
	padding: 10px 0px; clear: both; font-size: 12px; position: relative;
}
.feed-show-item {
	width: 654px; min-height: 200px;
}
.feed-show-item .base-big-title {
	margin-bottom: 16px;
}
.feed-showlikes-popup .common-popup-content-container {
	width: 495px; overflow: hidden; max-height: 350px;
}
.feed-showlikes-useritem {
	padding: 5px; clear: both; position: relative;
}
.feed-showlikes-useritem:hover {
	background: rgba(255, 255, 255, 0.1);
}
.feed-showlikes-useritem div.base-avatar-container {
	display: inline-block;
}
.feed-showlikes-useritem a.base-profile-link {
	margin-left: 5px; display: inline-block; position: relative;
}
.feed-showlikes-useritem button {
	top: 5px; right: 5px; float: right; position: relative;
}
:last-child.feed-events {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
:last-child.feed-single-item {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.feed-no-border.feed-events {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.menu-item {
	padding: 10px 0px 5px; border-bottom-color: rgb(239, 239, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.feed-post-to {
	font-size: 14px; margin-left: 3px;
}
.active.menu-item {
	border: 0px currentColor; border-image: none;
}
.feed-show {
	display: block;
}
.feed-bundle-likes {
	background: rgba(0, 0, 0, 0.2); font-family: Arial, sans-serif; font-size: 11px; margin-left: 45px;
}
.feed-story-likes {
	background: rgba(0, 0, 0, 0.2); font-family: Arial, sans-serif; font-size: 11px; margin-left: 45px;
}
.feed-story-comments {
	font-family: Arial, sans-serif; font-size: 11px; margin-left: 45px;
}
.feed-show.feed-story-comments {
	margin-top: 5px;
}
.feed-item-likes a {
	font-size: 11px;
}
.feed-item-likescontainer {
	margin-left: 45px;
}
.feed-story {
	font-family: Arial, sans-serif; font-size: 12px;
}
.feed-comment-text-not-clicked {
	width: 530px; height: 22px; line-height: 22px; font-family: Arial, sans-serif; font-style: italic; max-width: 530px;
}
.feed-comment-textarea {
	transition:height 0.2s; -webkit-transition: height 0.2s; -moz-transition: height 0.2s;
}
.feed-comment-text-clicked {
	padding: 6px 8px; width: 530px; height: 28px; font-family: Arial, sans-serif; max-width: 530px;
}
.feed-bundle-likes {
	width: 390px; line-height: 18px; clear: both;
}
.feed-story-likes {
	width: 390px; line-height: 18px; clear: both;
}
.feed-story-comments {
	width: 390px; line-height: 18px; clear: both;
}
.feed-sub-events .feed-single-item {
	margin: 5px 0px;
}
.feed-bundle-likes {
	font-size: 11px; margin-top: 4px; margin-left: 42px;
}
.feed-story-likes {
	padding: 4px 5px; margin-top: 5px; margin-left: 0px;
}
.feed-story-comments {
	padding: 0px; border: 0px currentColor; border-image: none; width: 402px;
}
.feed-events a {
	text-decoration: none;
}
.feed-story a {
	text-decoration: none;
}
.feed-story-likes a {
	text-decoration: none;
}
.feed-story-comments a {
	text-decoration: none;
}
.feed-events a:hover {
	text-decoration: underline;
}
.feed-story a:hover {
	text-decoration: underline;
}
.feed-story-likes a:hover {
	text-decoration: underline;
}
.feed-story-comments a:hover {
	text-decoration: underline;
}
.feed-avatar-container {
	margin-right: 10px; float: left; position: relative;
}
.feed-story-content {
	line-height: 18px; overflow: hidden;
}
.feed-story-creationDate {
	color: rgb(170, 170, 170); font-size: 11px;
}
.feed-story-playingas {
	color: rgb(170, 170, 170); font-size: 11px;
}
.feed-story-heading {
	color: rgb(138, 138, 138); line-height: 18px; -ms-word-wrap: break-word;
}
.feed-story-body {
	color: rgb(255, 255, 255); line-height: 18px; -ms-word-wrap: break-word;
}
.feed-story-body p {
	padding-left: 46px; -ms-word-wrap: break-word;
}
.feed-story-heading .feed-info-title {
	color: rgb(255, 255, 255); font-size: 12px; font-weight: bold;
}
#feed-container .feed-story-heading .feed-info-title a {
	font-weight: bold;
}
#feed-container .feed-story-body .feed-info-title a {
	font-weight: bold;
}
.feed-story-heading .feed-info-description {
	color: rgb(138, 138, 138); font-size: 11px;
}
.feed-story-heading .limit.feed-info-description {
	width: 400px;
}
.feed-story-heading .feed-info-description ul {
	margin-left: 15px;
}
.wallpost-body {
	width: 410px; color: rgb(255, 255, 255); -ms-word-wrap: break-word;
}
#main-loggedin-feed .wallpost-body {
	width: 552px;
}
.feed-story-created-content {
	color: rgb(53, 53, 53);
}
#feed-container {
	position: relative;
}
#feed-container .feed-unavailable {
	padding: 24px 0px; font-size: 12px; font-style: italic;
}
#feed-filter-content .feed-view-more-events {
	left: 1px; width: 991px; bottom: -14px;
}
.feed-view-more-events {
	left: -15px; height: 26px; text-align: center; bottom: 0px; line-height: 26px; margin-top: 16px;
}
.feed-view-more-events-button {
	width: 602px; color: rgb(48, 141, 191);
}
.feed-story-friend-icon {
	top: 4px; padding-right: 5px; position: relative;
}
.feed-story-small-icon {
	display: inline-block;
}
.feed-story-small-icon img {
	margin-right: 2px; vertical-align: middle;
}
.feed-story-small-likeicon {
	vertical-align: middle;
}
.feed-story-infoarea-separator {
	top: 1px; color: rgb(168, 168, 168); padding-right: 2px; padding-left: 2px; font-size: 11px; display: inline-block; position: relative;
}
.feed-story-area-game {
	top: 4px; line-height: 24px; position: relative;
}
.feed-story-content {
	font-size: 14px;
}
.feed-events {
	font-size: 14px;
}
.feed-story-area {
	display: inline-block;
}
.feed-sub-events {
	margin-top: 10px; margin-left: 16px;
}
.feed-comment-body {
	line-height: 18px; font-size: 11px; margin-left: 40px; position: relative; -ms-word-wrap: break-word;
}
.feed-comment-body a {
	font-size: 11px;
}
.feed-comments-item {
	background: rgba(0, 0, 0, 0.05); padding: 5px; clear: both; margin-top: 1px; position: relative;
}
.feed-comment-form {
	line-height: 0; overflow: hidden; clear: both; margin-top: 1px;
}
.feed-comments-item .feed-avatar-container {
	margin-right: 5px;
}
.feed-comment-submit-button-area {
	margin-top: 8px; margin-right: 0px; float: right; display: none;
}
.feed-story-infoarea {
	clear: both;
}
.feed-story-infoarea a {
	font-size: 11px;
}
.feed-nothing-happening {
	width: 100%; line-height: 18px; position: relative;
}
.feed-nothing-happening p {
	padding: 10px 0px; color: rgb(82, 82, 82); font-size: 12px;
}
.feed-nothing-happening p.feed-nothing-happening-empty {
	text-align: center; color: rgb(138, 138, 138); line-height: 15px; padding-top: 13px; padding-bottom: 0px; font-size: 12px; font-style: italic;
}
.feed-nothing-happening ul {
	color: rgb(53, 53, 53); text-indent: 16px; font-size: 12px; list-style-type: square; list-style-position: inside;
}
.feed-nothing-happening ul li {
	padding-bottom: 3px;
}
.feed-livefeed-item {
	border-bottom-color: rgb(240, 240, 239); border-bottom-width: 1px; border-bottom-style: solid;
}
.feed-livefeed-avatar {
	padding: 9px 10px 9px 0px; float: left;
}
.feed-livefeed-content {
	font-size: 12px; float: left;
}
.feed-livefeed-text {
	color: rgb(47, 48, 48); padding-top: 13px; float: none;
}
.feed-livefeed-ago {
	color: rgb(138, 138, 138); padding-top: 5px; font-size: 11px; float: none;
}
.battlefeed .list :not(:hover).item .feed-story-area-comment-and-like {
	display: inline-block;
}
.feed-unlike-item a {
	color: rgb(138, 138, 138); padding-right: 13px; font-size: 11px; display: inline-block; position: relative; cursor: pointer;
}
.feed-story-content .feed-unlike-item a span.icon {
	background: url("../base/shared/row_icon_chat.png") no-repeat right -26px; width: 13px; height: 13px; display: inline-block;
}
.feed-award-image {
	margin-right: 6px; margin-bottom: 10px; float: left;
}
.feed-award-image .common-selected-server-mapimage {
	position: relative;
}
.feed-gameaccess .common-selected-feed-image {
	border: currentColor; border-image: none; vertical-align: top; display: table-cell;
}
.feed-gameaccess .feed-image-premium.common-selected-feed-image img {
	background: black; padding: 10px;
}
.feed-award-info {
	padding-left: 10px; font-size: 11px; vertical-align: top; display: table-cell;
}
.feed-gamereport-info {
	padding-bottom: 10px; font-size: 11px; float: left;
}
.feed-addedfavserver-gameicon {
	width: 30px; height: 10px; display: inline-block;
}
.feed-addedfavserver-and {
	font-size: 12px; margin-right: 3px;
}
.feed-bundle:hover .feed-story-delete {
	background: url("../base/shared/row_icon_chat_light.png") 0px -26px; width: 13px; height: 13px; float: right; position: relative; cursor: pointer;
}
.feed-single-item:hover .feed-story-delete {
	background: url("../base/shared/row_icon_chat_light.png") 0px -26px; width: 13px; height: 13px; float: right; position: relative; cursor: pointer;
}
.feed-bundle:hover .feed-story-delete:hover {
	background-position: 0px -39px;
}
.feed-single-item:hover .feed-story-delete:hover {
	background-position: 0px -39px;
}
.feed-media-preview-remove {
	background: url("../base/shared/row_icon_chat_light.png") 0px -26px; width: 13px; height: 13px; float: right; position: relative; cursor: pointer;
}
.feed-media-preview-remove:hover {
	background-position: 0px -39px;
}
.feed-bundle:hover #feed-optionsbutton {
	background: url("../base/shared/row_icon_chat.png") 0px -26px; top: 5px; width: 13px; height: 13px; right: 5px; position: absolute; cursor: pointer;
}
.feed-single-item:hover #feed-optionsbutton {
	background: url("../base/shared/row_icon_chat.png") 0px -26px; top: 5px; width: 13px; height: 13px; right: 5px; position: absolute; cursor: pointer;
}
.feed-bundle:hover #feed-optionsbutton:hover {
	background-position: 0px -39px;
}
.feed-single-item:hover #feed-optionsbutton:hover {
	background-position: 0px -39px;
}
#feed-optionsbutton-container {
	background: rgb(255, 0, 0); top: 0px; right: 0px; position: absolute;
}
.feed-bundle:hover #feed-story-options {
	background: url("../base/shared/row_icon_chat.png") 0px -26px; top: 5px; width: 13px; height: 13px; right: 5px; position: relative; cursor: pointer;
}
.feed-single-item:hover #feed-story-options {
	background: url("../base/shared/row_icon_chat.png") 0px -26px; top: 5px; width: 13px; height: 13px; right: 5px; position: relative; cursor: pointer;
}
.feed-bundle:hover #feed-story-options:hover {
	background-position: 0px -39px;
}
.feed-single-item:hover #feed-story-options:hover {
	background-position: 0px -39px;
}
#feed-optionsbutton-dropdown {
	border: 1px solid rgb(170, 170, 170); border-image: none; top: 20px; width: 120px; right: 0px; display: none; position: absolute; z-index: 100; background-color: white;
}
#feed-optionsbutton-dropdown .active {
	display: block;
}
.feed-story-report-container {
	margin-top: 5px; margin-right: 2px; float: right; visibility: hidden; position: relative;
}
.feed-story-report-container .common-reportbutton {
	opacity: 0.5;
}
.feed-story-report-container .common-reportbutton:hover {
	opacity: 1;
}
.feed-single-item:hover .feed-item-interaction-area .feed-story-report-container {
	visibility: visible;
}
.feed-comments-item:hover .feed-story-report-container {
	visibility: visible;
}
.feed-bundle:hover .feed-story-report-container {
	visibility: visible;
}
.feed-comments-show {
	background: rgba(0, 0, 0, 0.2); padding: 5px; color: rgb(48, 141, 191); border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; cursor: pointer;
}
.feed-comments-show:hover {
	text-decoration: underline;
}
.feed-textlimit-counter {
	color: rgb(168, 168, 168); font-size: 11px; margin-top: 4px; position: absolute;
}
.feed-textlimit-fillout {
	margin-top: 19px; margin-right: 12px; float: right; position: relative;
}
.feed-view-center-loader {
	text-align: center;
}
#feed-view-more-events-loading {
	margin-top: 16px; margin-right: auto; margin-left: auto; display: none; z-index: 20;
}
.feed-comments-item:hover .feed-story-comment-delete {
	background: url("../base/shared/row_icon_chat_light.png") 0px -26px; width: 13px; height: 13px; margin-top: 5px; margin-right: 5px; float: right; position: relative; z-index: 2; cursor: pointer;
}
.feed-comments-item:hover .feed-story-comment-delete:hover {
	background-position: 0px -39px; z-index: 2;
}
.feed-ago {
	font-size: 11px;
}
.feed-item-interaction-area {
	top: 4px; width: 40px; right: 0px; position: absolute;
}
.feed-item-platoonbadge {
	margin-bottom: 6px;
}
.feed-coop-level-complete-icon {
	background: url("../coop/difficulty-sprite.png") no-repeat -2px 2px; top: 0px; width: 19px; height: 19px; right: 0px; position: absolute; z-index: 2;
}
.feed-media-preview {
	width: 100%; margin-top: 8px; display: table; position: relative;
}
#feed-media-preview-view-now-link {
	display: table-row;
}
.feed-media-preview-thumb {
	width: 150px; margin-right: 10px; margin-left: 0px; display: table-cell; position: relative;
}
.feed-media-preview-description {
	padding: 0px 0px 0px 12px; line-height: 18px; vertical-align: top; display: table-cell;
}
.feed-media-preview-description h3 {
	line-height: 18px; font-size: 16px;
}
.feed-media-preview-remove {
	top: 0px; right: 6px; position: absolute;
}
.feed-media-preview-show-now {
	left: 0px; top: 0px; width: inherit; height: 100%; clear: both; position: absolute;
}
.feed-media-preview-show-now-icon {
	background: url("../feed/icon-play.png") no-repeat; left: 50%; top: 50%; width: 34px; height: 34px; margin-top: -17px; margin-left: -17px; position: absolute;
}
.feed-media-preview-show-now:hover .feed-media-preview-show-now-icon {
	background-position: 0px -34px;
}
#feed-addlink-container {
	color: rgb(138, 138, 138); padding-top: 8px; font-size: 12px;
}
.feed-update-status-terms {
	color: rgb(137, 137, 137); font-size: 11px; font-weight: normal; margin-right: 10px;
}
.feed-update-status-button {
	margin: 8px 0px 10px; float: right; position: relative; z-index: 999;
}
#feed-addlinkwithpreview {
	cursor: pointer;
}
.feed-addlink-container {
	color: rgb(138, 138, 138); font-size: 11px;
}
.feed-link-preview-label {
	line-height: 24px; font-size: 12px;
}
.feed-link-preview-label input {
	width: 607px; margin-left: -1px;
}
#feed-hidden-by-admin {
	padding: 30px; text-align: center; color: rgb(138, 138, 138); font-size: 12px; display: block;
}
.common-reportbutton-dropdown a {
	color: rgb(0, 0, 0); font-weight: normal;
}
form.wallpost .wall-message-container {
	height: 32px; overflow: hidden;
}
form.wallpost .btn-small {
	margin-left: 8px; box-sizing: border-box;
}
form.wallpost textarea {
	width: 100%; height: 14px; line-height: 14px; overflow: hidden; font-family: Arial, sans-serif; font-size: 14px; box-sizing: border-box; resize: none;
}
#feed-share-dialog {
	padding: 5px; border-radius: 5px; width: 145px; height: 92px; position: absolute; z-index: 5000; box-shadow: 0px 0px 8px rgba(0,0,0,0.5); background-color: rgb(244, 244, 244);
}
#feed-share-dialog .share-container {
	padding: 10px; width: 125px; height: 73px; text-align: center; background-color: rgb(255, 255, 255);
}
#feed-share-dialog .callout::before {
	border: solid transparent; border-image: none; top: 100%; width: 0px; height: 0px; position: absolute; content: " "; pointer-events: none;
}
#feed-share-dialog .callout::after {
	border-width: 10px; border-style: solid; border-color: rgb(244, 244, 244) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-image: none; left: 50%; top: 100%; width: 0px; height: 0px; margin-left: -10px; position: absolute; content: " "; pointer-events: none;
}
#feed-share-dialog .close-dialog {
	padding: 5px; top: 0px; right: 0px; color: rgb(34, 34, 34); line-height: 10px; font-size: 20px; position: absolute; cursor: pointer; background-color: rgb(244, 244, 244);
}
#feed-share-dialog .share-option {
	background-position: 50% 50%; width: 55px; height: 55px; display: inline-block; cursor: pointer; background-repeat: no-repeat;
}
#feed-share-dialog .share-tw {
	background-image: url("../feed/share_tw.png");
}
#feed-share-dialog .share-fb {
	background-image: url("../feed/share_fb.png");
}
#feed-share-dialog .share-link {
	top: 70px; width: 125px; font-size: 11px; display: block; position: absolute; box-sizing: border-box;
}
.facebook-infopopup.dialog section.dialog-body {
	padding: 24px 30px; font-size: 14px;
}
.facebook-infopopup.dialog h1 {
	background: url("../facebook/icon-fb-l.png") no-repeat center 0px; text-align: center; line-height: 28px; padding-top: 67px; padding-right: 70px; padding-left: 70px; font-size: 23px;
}
.facebook-infopopup.dialog p {
	color: rgb(168, 168, 168); margin-top: 24px; margin-bottom: 24px;
}
.facebook-infopopup.dialog p b {
	color: rgb(255, 255, 255); font-weight: bold;
}
.facebook-infopopup.dialog ul {
	padding-left: 16px;
}
.facebook-infopopup.dialog ul li {
	padding-left: 5px; list-style-type: disc;
}
.facebook-infopopup.dialog footer button {
	margin-right: 7px; margin-left: 7px;
}
.facebook-friendfinder.dialog .dialog-body {
	padding: 22px 16px 16px; min-height: 60px;
}
.facebook-friendfinder.dialog .dialog-body .info {
	margin-bottom: 20px;
}
.facebook-friendfinder.dialog .dialog-body .friendfinder-content {
	text-align: center;
}
.facebook-friendfinder.dialog .dialog-body button.connect {
	margin-top: 4px;
}
.facebook-friendfinder.dialog .dialog-body h4 {
	margin: 4px 0px; text-align: left; color: rgb(255, 255, 255); text-transform: uppercase; font-family: "Arial"; font-size: 12px; font-weight: bold;
}
.facebook-friendfinder.dialog .dialog-body ol li {
	padding-right: 16px; margin-bottom: 12px;
}
.facebook-friendfinder.dialog .dialog-body ol li:hover {
	background: rgba(255, 255, 255, 0.2);
}
.facebook-friendfinder.dialog .dialog-body ol li img {
	margin-right: 12px; float: left;
}
.facebook-friendfinder.dialog .dialog-body ol li .user-info {
	text-align: left; margin-top: 6px; float: left;
}
.facebook-friendfinder.dialog .dialog-body ol li .user-info .username {
	text-decoration: inherit; display: block;
}
.facebook-friendfinder.dialog .dialog-body ol li .user-info .username:hover {
	color: rgb(255, 255, 255); text-decoration: underline;
}
.facebook-friendfinder.dialog .dialog-body ol li .user-info .realname {
	color: rgb(168, 168, 168); display: block;
}
.facebook-friendfinder.dialog .dialog-body ol li button {
	margin-top: 8px; float: right;
}
.facebook-friendfinder.dialog footer {
	padding: 26px; border-top-color: rgba(255, 255, 255, 0.1); border-top-width: 1px; border-top-style: solid; display: none;
}
.facebook-friendfinder.dialog footer .sharing .switch {
	margin-right: 10px;
}
.facebook-friendfinder.dialog footer button {
	margin-top: 16px;
}
#comcenter-area .facebook-friendfinder {
	background: url("../facebook/icon-fb-l.png") no-repeat center 80px; text-align: center; padding-top: 140px; margin-right: 15px; position: relative; z-index: 1;
}
#feed-container .facebook-friendfinder {
	background: url("../facebook/icon-fb-l.png") no-repeat center 80px; text-align: center; padding-top: 140px; margin-right: 15px; position: relative; z-index: 1;
}
#comcenter-area .facebook-friendfinder p {
	color: rgb(168, 168, 168); text-transform: none; line-height: 1.5em; font-family: Arial; font-size: 14px; margin-bottom: 12px;
}
#feed-container .facebook-friendfinder p {
	color: rgb(168, 168, 168); text-transform: none; line-height: 1.5em; font-family: Arial; font-size: 14px; margin-bottom: 12px;
}
#comcenter-area .facebook-friendfinder button {
	cursor: pointer;
}
#feed-container .facebook-friendfinder button {
	cursor: pointer;
}
#feed-container .facebook-friendfinder {
	background-position: center 0px; padding-top: 55px; margin-bottom: 20px;
}
#comcenter-area .comcenter-no-online-friends .facebook-friendfinder {
	margin-right: 0px;
}
.npx-explorer-icon {
	animation:pulsing-icon 2s infinite both; width: 35px; height: 35px; display: inline-block; position: absolute; z-index: 100; cursor: pointer; background-image: url("//eaassets-a.akamaihd.net/battlelog/bb/bfh/icons/npx-icon-f371f6ea.png"); -webkit-animation: pulsing-icon 2s ease infinite both; -moz-animation: pulsing-icon 2s ease infinite both; -o-animation: pulsing-icon 2s ease infinite both;
}
.fixed.npx-explorer-icon {
	position: fixed;
}
[data-feature='leaderboards'].npx-explorer-icon {
	z-index: 1000;
}
[data-feature='forum'].npx-explorer-icon {
	z-index: 1000;
}
.base-section-menu .npx-explorer-icon {
	left: 50%; top: 30px;
}
#base-header-secondary-nav .npx-explorer-icon {
	left: 50%; top: 30px;
}
#ugm-action-buttons .npx-explorer-icon {
	left: 7px; top: -2px;
}
.loadout.profile-stats-tab {
	position: relative;
}
.loadout.profile-stats-tab .npx-explorer-icon {
	left: 10px; top: 7px;
}
.npx-tooltip {
	left: 0px; top: 0px; position: absolute; z-index: 100; -webkit-backface-visibility: hidden;
}
.success.npx-tooltip .npx-tooltip-box {
	border-color: rgb(5, 215, 5);
}
.success.npx-tooltip .npx-tooltip-box::after {
	background-position: center; left: 50%; top: 0px; width: 114px; height: 100%; margin-left: -57px; display: block; position: absolute; content: " "; background-image: url("../npx/check.png"); background-repeat: no-repeat; background-size: contain;
}
.success.npx-tooltip .npx-tooltip-box h5 {
	opacity: 0;
}
.success.npx-tooltip .npx-tooltip-box p {
	opacity: 0;
}
.success.npx-tooltip .npx-tooltip-box .close {
	opacity: 0;
}
.success.npx-tooltip .arrow {
	background-image: url("../npx/green-arrow.png");
}
.top.success.npx-tooltip .arrow {
	background-image: url("../npx/green-arrow-down.png");
}
.npx-tooltip .arrow {
	left: 50%; width: 21px; height: 12px; margin-left: -10px; display: block; position: absolute; z-index: 90; background-image: url("../npx/blue-arrow.png"); background-repeat: no-repeat;
}
.fixed.npx-tooltip {
	position: fixed;
}
.bottom.npx-tooltip .arrow {
	top: -12px;
}
.top.npx-tooltip .arrow {
	bottom: -12px; background-image: url("../npx/blue-arrow-down.png");
}
.npx-tooltip .npx-tooltip-box {
	border-radius: 4px; top: 11px; width: 220px; text-align: left; margin-left: -108px; display: block; position: absolute; z-index: 80; background-color: rgb(16, 33, 43); -webkit-backface-visibility: hidden;
}
.npx-tooltip .npx-tooltip-box .content {
	margin: 12px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-backface-visibility: hidden;
}
.npx-tooltip .npx-tooltip-box .close {
	top: 5px; width: 11px; height: 11px; right: 5px; display: block; position: absolute; z-index: 200; cursor: pointer; background-image: url("../npx/close.png");
}
.npx-tooltip .npx-tooltip-box h5 {
	margin: 0px 0px 4px; color: rgb(255, 255, 255); line-height: 16px; font-size: 14px;
}
.npx-tooltip .npx-tooltip-box p {
	color: rgb(255, 255, 255); line-height: 16px; font-size: 12px;
}
.npx-tooltip .npx-tooltip-box .swiping-glow {
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 100; -webkit-backface-visibility: hidden;
}
.npx-tooltip .npx-tooltip-box .swiping-glow > div {
	left: -150px; top: 0px; width: 123px; height: 100%; display: block; position: absolute; content: " "; background-image: url("../npx/swiping-glow.png"); background-repeat: no-repeat; background-size: cover;
}
@media screen and (min-width:1261px)
{
html:not(.is-touch) body:not(.no-comcenter) .npx-console.dialog {
	width: 980px; margin-left: -490px;
}
}
.npx-console.dialog {
	top: 10%; width: 80%; height: 80%; margin-left: -40%; max-height: 500px; min-width: 819px;
}
.npx-console.dialog section {
	padding: 0px; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.npx-console.dialog .dialog-body {
	padding: 0px; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.npx-console.dialog .card {
	padding: 0px; left: 0px; top: 32px; height: 100%; text-align: center; right: 0px; bottom: 0px; font-family: Purista; display: none; position: absolute; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.npx-console.dialog .card .card-content {
	margin: 0px auto; width: 100%; height: 100%; padding-top: 50px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.npx-console.dialog .card .card-content::before {
	line-height: 0; display: table; content: "";
}
.npx-console.dialog .card .card-content::after {
	line-height: 0; display: table; content: "";
}
.npx-console.dialog .card .card-content::after {
	clear: both;
}
.npx-console.dialog .card .card-content figure {
	width: 50%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.npx-console.dialog .card .card-content article {
	width: 50%; height: 66%; text-align: left; padding-top: 20px; padding-left: 80px; float: left; position: relative; min-height: 300px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.npx-console.dialog .card .card-content article h2 {
	margin: 0px 0px 16px; padding: 0px; text-transform: uppercase; line-height: 1.1em; font-size: 36px;
}
.npx-console.dialog .card .card-content article p {
	margin: 0px 0px 1.5em; padding: 0px; font-size: 19px;
}
.npx-console.dialog .card .card-content article p small {
	color: rgb(168, 168, 168);
}
.npx-console.dialog .card .card-content article .btn {
	bottom: 0px; position: absolute;
}
.npx-console.dialog .show.card {
	display: block; z-index: 10;
}
.npx-pc.dialog {
	background-position: right bottom; width: 845px; background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/npx/pc/first-login-1-23e2dc67.png"); background-repeat: no-repeat;
}
.npx-pc.dialog .dialog-body {
	padding: 25px 40px;
}
.npx-pc.dialog h6 {
	width: 330px;
}
.npx-pc.dialog p {
	width: 330px;
}
.npx-pc.dialog h1 {
	width: 670px; line-height: 50px; font-size: 50px;
}
.npx-pc.dialog h6 {
	text-transform: none; line-height: 28px; font-size: 19px; font-weight: 400;
}
.npx-pc.dialog p {
	color: rgb(168, 168, 168); font-size: 14px;
}
.npx-pc.dialog footer {
	width: 350px;
}
.comcenter-icon-notifications-container {
	width: 40px; height: 40px; float: left; position: relative; cursor: pointer;
}
#comcenter-icon-notifications {
	width: 40px; height: 40px; float: left; position: relative; cursor: pointer;
}
#comcenter-icon-game {
	width: 40px; height: 40px; float: left; position: relative; cursor: pointer;
}
#comcenter-icon-inbox {
	width: 40px; height: 40px; float: left; position: relative; cursor: pointer;
}
#comcenter-icon-matches {
	width: 40px; height: 40px; float: left; position: relative; cursor: pointer;
}
.comcenter-icon-notifications-container:hover {
	background: url("../comcenter/taskbar-bg-hover.png");
}
#comcenter-reports-list-loading {
	text-align: center; padding-top: 16px;
}
#comcenter-updates-list-loading {
	text-align: center; padding-top: 16px;
}
#comcenter-icon-inbox {
	background: url("../comcenter/icons/cc-inbox-inactive.png") no-repeat center;
}
#comcenter-icon-inbox:hover {
	background: url("../comcenter/cc-inbox-hover.png") no-repeat 1px 1px;
}
#comcenter-icon-game {
	background: url("../comcenter/icons/cc-reports.png") no-repeat -5px 0px;
}
#comcenter-icon-matches {
	background: url("../comcenter/icons/cc-matches.png") no-repeat -4px 0px;
}
#comcenter-icon-matches:hover {
	background-position: -4px -40px;
}
.open#comcenter-icon-matches {
	background-position: -4px -80px; background-color: rgb(253, 191, 0);
}
#comcenter-tab-friends-content .join-friend-submit-link.btn-small.btn {
	padding: 0px 11px; border: 1px solid rgb(255, 153, 0); border-image: none; width: 32px; height: 32px; margin-top: 4px; float: left; opacity: 0.8;
}
.comcenter-chat-content .join-friend-submit-link.btn-small.btn {
	padding: 0px 11px; border: 1px solid rgb(255, 153, 0); border-image: none; width: 32px; height: 32px; margin-top: 4px; float: left; opacity: 0.8;
}
#comcenter-tab-friends-content .join-friend-submit-link.btn-small.btn:hover {
	opacity: 1;
}
.comcenter-chat-content .join-friend-submit-link.btn-small.btn:hover {
	opacity: 1;
}
#comcenter-tab-friends-content .disabled.join-friend-submit-link.btn-small.btn {
	opacity: 0.5;
}
#comcenter-tab-friends-content .is-touch #serverbrowser aside .action-buttons-container .starred.favorite-toggle.join-friend-submit-link.btn-small {
	opacity: 0.5;
}
.is-touch #serverbrowser aside .action-buttons-container #comcenter-tab-friends-content .starred.favorite-toggle.join-friend-submit-link.btn-small {
	opacity: 0.5;
}
.comcenter-chat-content .disabled.join-friend-submit-link.btn-small.btn {
	opacity: 0.5;
}
.comcenter-chat-content .is-touch #serverbrowser aside .action-buttons-container .starred.favorite-toggle.join-friend-submit-link.btn-small {
	opacity: 0.5;
}
.is-touch #serverbrowser aside .action-buttons-container .comcenter-chat-content .starred.favorite-toggle.join-friend-submit-link.btn-small {
	opacity: 0.5;
}
#comcenter-tab-friends-content .btn-primary.join-friend-submit-link.btn-small.btn {
	padding: 0px; width: 23px; height: 24px; margin-top: 2px; opacity: 1;
}
.comcenter-chat-content .btn-primary.join-friend-submit-link.btn-small.btn {
	padding: 0px; width: 23px; height: 24px; margin-top: 2px; opacity: 1;
}
#comcenter-tab-friends-content .btn-primary.join-friend-submit-link.btn-small.btn i {
	padding-bottom: 1px; margin-top: 0px; margin-left: 2px;
}
.comcenter-chat-content .btn-primary.join-friend-submit-link.btn-small.btn i {
	padding-bottom: 1px; margin-top: 0px; margin-left: 2px;
}
#comcenter-tab-friends-content .join-friend-submit-link.btn-small.btn i {
	background: url("../base/shared/icon-join.png") no-repeat 0px 0px; width: 10px; height: 10px; margin-top: 8px;
}
.comcenter-chat-content .join-friend-submit-link.btn-small.btn i {
	background: url("../base/shared/icon-join.png") no-repeat 0px 0px; width: 10px; height: 10px; margin-top: 8px;
}
body .comcenter-chat-content .join-friend-submit-link.btn-small.btn {
	margin-top: 0px;
}
.unread#comcenter-icon-game {
	background: url("../comcenter/icons/cc-reports.png") no-repeat -5px -40px; cursor: pointer;
}
#comcenter-icon-game:hover {
	background: url("../comcenter/icons/cc-reports.png") no-repeat -5px -40px; cursor: pointer;
}
body .open#comcenter-icon-game {
	background: url("../comcenter/icons/cc-reports.png") no-repeat -5px -80px rgb(253, 191, 0);
}
.unread#comcenter-icon-inbox {
	background: url("../comcenter/icons/cc-inbox-open.png") no-repeat center rgb(253, 191, 0);
}
.open#comcenter-icon-inbox {
	background: url("../comcenter/icons/cc-inbox-open.png") no-repeat center rgb(253, 191, 0);
}
#comcenter-icon-notifications {
	background: url("../comcenter/icons/cc-notifications.png") -4px 0px;
}
#comcenter-icon-notifications:hover {
	background-position: -4px -40px;
}
.open#comcenter-icon-notifications {
	background-position: -4px 40px; background-color: rgb(253, 191, 0);
}
.comcenter-inbox-notifier {
	cursor: pointer;
}
#base-header .comcenter-notification:hover {
	background: rgba(255, 255, 255, 0.1);
}
#base-header .comcenter-inbox-notifier:hover {
	background: rgba(255, 255, 255, 0.1);
}
#base-header .comcenter-notifications-moreinfo:hover {
	background: rgba(255, 255, 255, 0.1);
}
.unread#comcenter-icon-inbox .comcenter-chat-unread {
	display: block;
}
#comcenter .unread.comcenter-chat-taskbar .unread.chat.icon {
	display: block;
}
body #comcenter .active.comcenter-chat-taskbar .unread.chat.icon {
	display: none;
}
.chat-admin-info {
	text-align: center; color: rgb(255, 255, 255);
}
.unread#comcenter-icon-notifications {
	background-position: -4px 80px;
}
.unread#comcenter-icon-notifications .comcenter-chat-unread {
	display: block;
}
.unread#comcenter-icon-game .comcenter-chat-unread {
	display: block;
}
.open#comcenter-icon-game .comcenter-chat-unread {
	display: none;
}
.open#comcenter-icon-notifications .comcenter-chat-unread {
	display: none;
}
#comcenter {
	left: 0px; height: 0px; right: 0px; bottom: 0px; color: rgb(73, 73, 73); line-height: 42px; font-size: 11px; font-weight: bold; position: fixed; z-index: 2000;
}
#comcenter #comcenter-inner {
	height: 100%;
}
.ugm-showing #comcenter {
	bottom: 42px;
}
#comcenter-friends .comcenter-friend {
	
}
#comcenter-friends .animate-ie9.comcenter-friend-online.comcenter-friend {
	background-color: rgba(168, 168, 168, 0.6);
}
#comcenter-friends .animate-ie9.comcenter-friend-playing.comcenter-friend {
	background-color: rgba(168, 168, 168, 0.6);
}
#comcenter-friends .animate.comcenter-friend-online.comcenter-friend {
	animation-name: comcenter-friend-online; animation-duration: 1s; animation-direction: alternate; animation-iteration-count: 2; -webkit-animation-name: comcenter-friend-online; -moz-animation-name: comcenter-friend-online; -o-animation-name: comcenter-friend-online; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; -o-animation-direction: alternate; -webkit-animation-iteration-count: 2; -moz-animation-iteration-count: 2; -o-animation-iteration-count: 2;
}
#comcenter-friends .comcenter-friend-playing.comcenter-friend {
	color: rgb(102, 255, 102);
}
#comcenter-friends .comcenter-friend-online.comcenter-friend {
	color: rgb(102, 255, 102);
}
#comcenter-friends .comcenter-friend-idle.comcenter-friend {
	color: rgb(255, 255, 0);
}
#comcenter-friends .comcenter-friend-offline.comcenter-friend {
	color: rgb(153, 153, 153);
}
#comcenter-friends .comcenter-friend-offline.comcenter-friend a {
	color: rgb(138, 138, 138); font-weight: normal; text-decoration: none;
}
#comcenter-friends .comcenter-friend-offline.comcenter-friend a:hover {
	color: rgb(138, 138, 138); font-weight: normal; text-decoration: none;
}
#comcenter-friends .comcenter-friend-dnd.comcenter-friend {
	color: rgb(255, 153, 153);
}
.comcenter-info {
	margin-left: 3px; float: left; position: relative;
}
#patcher-events #patching {
	background: rgb(253, 253, 253); border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(170, 170, 170) rgb(170, 170, 170) currentColor; border-image: none; left: 104px; width: 213px; bottom: 40px; display: none; position: absolute; z-index: 2000;
}
#comcenter-joinflow {
	background: rgb(253, 253, 253); border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(170, 170, 170) rgb(170, 170, 170) currentColor; border-image: none; left: 104px; width: 213px; bottom: 40px; display: none; position: absolute; z-index: 2000;
}
#comcenter-gamereportupdates-preview {
	background: rgb(253, 253, 253); border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(170, 170, 170) rgb(170, 170, 170) currentColor; border-image: none; left: 104px; width: 213px; bottom: 40px; display: none; position: absolute; z-index: 2000;
}
#comcenter-inbox-preview {
	background: rgb(253, 253, 253); border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(170, 170, 170) rgb(170, 170, 170) currentColor; border-image: none; left: 104px; width: 213px; bottom: 40px; display: none; position: absolute; z-index: 2000;
}
#comcenter-notifications {
	background: rgb(253, 253, 253); border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(170, 170, 170) rgb(170, 170, 170) currentColor; border-image: none; left: 104px; width: 213px; bottom: 40px; display: none; position: absolute; z-index: 2000;
}
#comcenter-matches {
	background: rgb(253, 253, 253); border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(170, 170, 170) rgb(170, 170, 170) currentColor; border-image: none; left: 104px; width: 213px; bottom: 40px; display: none; position: absolute; z-index: 2000;
}
#comcenter-notifications {
	left: 0px; width: 230px;
}
#comcenter-matches {
	left: 0px; width: 269px;
}
#patcher-events #patching {
	left: -1px; top: -225px; width: 229px; height: 224px; display: none;
}
#comcenter-joinflow {
	left: -1px; top: -225px; width: 229px; height: 224px; display: none;
}
#patcher-events #patching {
	display: block;
}
#gamecontrol-game-launcher #comcenter-joinflow {
	display: block;
}
#gamecontrol-game-launcher .askForFullscreen#comcenter-joinflow {
	top: -265px; height: 264px;
}
#comcenter-gamereportupdates-preview {
	left: -1px; width: 229px;
}
#comcenter-inbox-preview {
	left: -1px;
}
.comcenter-notification-icon {
	left: 0px; width: 34px; float: left; position: absolute;
}
.comcenter-notification-text {
	padding-left: 40px; font-size: 12px; font-weight: normal; position: relative; min-height: 35px;
}
.comcenter-notification-text a {
	font-size: 12px;
}
.missions.comcenter-notification-text {
	min-height: 44px;
}
.comcenter-notifications-bottom {
	background: rgb(255, 198, 0); width: 100%; height: 4px; clear: both;
}
#comcenter-notifications a {
	color: rgb(28, 121, 157); font-size: 11px; text-decoration: none;
}
.comcenter-notification-title {
	background: rgb(235, 235, 235); height: 33px; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 33px; overflow: hidden; padding-left: 12px; font-size: 11px; font-weight: bold; border-bottom-color: rgb(34, 30, 37); border-bottom-width: 1px; border-bottom-style: solid; text-shadow: 0px 1px #fff;
}
.comcenter-notification-content {
	color: rgb(0, 0, 0); -ms-overflow-y: auto; max-height: 500px;
}
.comcenter-notification-content a {
	font-size: 11px;
}
.comcenter-notification-list {
	position: relative;
}
#challenges .iconbox {
	width: 52px;
}
.comcenter-notification .iconbox {
	left: 0px; width: 40px; height: 32px; position: absolute;
}
.inbox-notification .iconbox {
	left: 0px; width: 40px; height: 32px; position: absolute;
}
.comcenter-notification .icon {
	background: url("../notification/notification-icons.png") no-repeat; width: 18px; height: 18px; overflow: hidden; margin-top: 8px; margin-left: 8px; display: inline-block;
}
.inbox-notification .icon {
	background: url("../notification/notification-icons.png") no-repeat; width: 18px; height: 18px; overflow: hidden; margin-top: 8px; margin-left: 8px; display: inline-block;
}
.comcenter-notification .friend.icon {
	background-position: 0px -18px;
}
.inbox-notification .friend.icon {
	background-position: 0px -18px;
}
.comcenter-notification .comment.icon {
	background-position: 0px -36px;
}
.inbox-notification .comment.icon {
	background-position: 0px -36px;
}
.comcenter-notification .platoon.icon {
	background-position: 0px -54px;
}
.inbox-notification .platoon.icon {
	background-position: 0px -54px;
}
.comcenter-notification .premium.icon {
	background-position: 0px -72px;
}
.inbox-notification .premium.icon {
	background-position: 0px -72px;
}
.comcenter-notifications-one-click {
	cursor: pointer;
}
.comcenter-notification {
	padding: 10px; line-height: 14px; font-size: 12px; font-weight: normal; border-bottom-color: rgb(48, 47, 51); border-bottom-width: 1px; border-bottom-style: solid;
}
.notfound.comcenter-notification {
	height: 42px; text-align: center; line-height: 42px;
}
.comcenter-notification a {
	color: rgb(255, 255, 255); font-weight: normal;
}
.comcenter-notification .base-profile-link {
	font-weight: bold;
}
.not-read.comcenter-notification {
	background: rgba(255, 255, 255, 0.05);
}
:last-child.comcenter-notification {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.comcenter-notification-ago {
	color: rgb(175, 175, 175); font-size: 11px; display: block;
}
.comcenter-notifications-moreinfo {
	text-align: center; line-height: 28px;
}
.comcenter-notifications-moreinfo a {
	width: 100%; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 12px; text-decoration: none; display: inline-block;
}
.comcenter-notifications-moreinfo a:hover {
	text-decoration: underline;
}
.comcenter-section {
	width: 132px; height: 100%; text-align: center; border-right-color: rgb(131, 131, 130); border-right-width: 1px; border-right-style: solid; float: left;
}
.comcenter-section img {
	margin-top: 7px;
}
#comcenter-friendbutton {
	border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(57, 57, 57) rgb(57, 57, 57) currentColor; border-image: none; width: 235px; height: 39px; line-height: 14px; cursor: pointer;
}
.comcenter-divider-left {
	width: 1px; height: 40px; float: right;
}
.comcenter-divider {
	width: 1px; height: 40px; float: right;
}
.comcenter-divider-left {
	float: left;
}
.active#comcenter-friendbutton .comcenter-taskbar-info {
	background: url("../comcenter/comcenter-active.png"); color: rgb(19, 17, 16);
}
#comcenter-friendbutton .comcenter-button-info {
	color: rgb(255, 255, 255); text-transform: uppercase; font-weight: bold; margin-left: 8px;
}
#comcenter-friendbutton .comcenter-button-title {
	color: rgb(255, 255, 255); text-transform: uppercase; font-weight: bold; margin-left: 8px;
}
#comcenter-friendbutton .comcenter-button-info {
	width: 116px; color: rgb(255, 198, 0); text-transform: none; overflow: hidden; font-weight: normal; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.active#comcenter-friendbutton .comcenter-button-info {
	color: rgb(88, 65, 11); font-weight: normal; text-shadow: 0px 1px #fddd82;
}
#comcenter-friendbutton .comcenter-origin-logo {
	background: url("../base/shared/origin-logo.png") no-repeat 210px; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#comcenter-friendbutton .comcenter-button-title {
	font-family: Tahoma, Arial, sans-serif; font-size: 11px; margin-top: 5px;
}
.active#comcenter-friendbutton .comcenter-button-title {
	color: rgb(0, 0, 0); text-shadow: 0px 1px #fddd82;
}
#comcenter-friends-list ul li {
	padding: 5px 0px; overflow: auto; clear: both; display: block;
}
#comcenter-friends-list ul li:hover {
	background-color: rgb(233, 233, 233);
}
#comcenter-friends-list ul li img {
	margin: 0px 5px; float: left;
}
#comcenter-friends-list ul li .main-profile-status-icon {
	margin: 5px 0px 0px 10px;
}
#comcenter-friends-list ul li a {
	line-height: 18px; text-decoration: none; float: left;
}
.comcenter-chat-header form.join-friend .base-general-dropdown-area {
	border: 1px solid rgb(204, 204, 204); border-image: none; left: 86px; top: 30px;
}
#comcenter-friends-list ul li .join-friend .base-button-arrow-tiny {
	background: url("../base/bfbc2/buttons/base-button-arrow-extra-small.png") 0px -36px; height: 18px; margin-right: 8px; float: right;
}
#comcenter-friends-list ul li .join-friend .base-button-arrow-tiny:hover {
	background: url("../base/bfbc2/buttons/base-button-arrow-extra-small.png") 0px -18px;
}
#comcenter-friends-list ul li .join-friend .base-button-arrow-tiny:active {
	background: url("../base/bfbc2/buttons/base-button-arrow-extra-small.png") 0px -36px;
}
#comcenter li .join-friend {
	height: 5px;
}
#comcenter-friendcounter {
	background: url("../comcenter/friends-online.png") no-repeat left; width: 25px; height: 100%; color: rgb(149, 149, 149); padding-left: 10px; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; margin-right: 10px; float: right; position: relative;
}
#comcenter-friendsplaying {
	background: url("../comcenter/friends-playing.png") no-repeat left; width: 20px; height: 100%; color: rgb(149, 149, 149); padding-left: 10px; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; margin-right: 0px; float: right; position: relative;
}
.comcenter-item {
	float: left;
}
.comcenter-chat-status-icon {
	width: 18px; height: 100%; float: left;
}
.comcenter-status-icon {
	width: 18px; height: 100%; float: left;
}
.comcenter-status-icon img {
	margin-top: 14px; margin-left: 6px;
}
.comcenter-chat-status-icon img {
	margin-top: 12px; margin-left: 6px;
}
.comcenter-dropdownbutton {
	top: 0px; width: 18px; height: 37px; right: 0px; display: none; position: absolute;
}
.comcenter-dropdownbutton-inner {
	background: url("../comcenter/dropdownbutton.png"); top: 11px; width: 13px; height: 13px; position: absolute;
}
.comcenter-friend:hover .comcenter-dropdownbutton {
	display: block;
}
.active.comcenter-dropdownbutton {
	display: block;
}
.comcenter-dropdownbutton:hover {
	display: block;
}
.active.comcenter-dropdownbutton .comcenter-dropdownbutton-inner {
	background-position: 0px 13px;
}
.comcenter-dropdownbutton:hover .comcenter-dropdownbutton-inner {
	background-position: 0px 13px;
}
.comcenter-dropdown {
	background: rgb(255, 255, 255); border: 1px solid rgb(170, 170, 170); border-image: none; top: 23px; width: 115px; right: 6px; position: absolute; z-index: 100;
}
.comcenter-dropdown a {
	padding: 0px 10px; width: 95px; height: 25px; line-height: 25px; font-size: 11px; display: block;
}
#comcenter-area .comcenter-dropdown li {
	height: 25px; line-height: 25px; font-size: 11px; border-bottom-color: rgb(235, 235, 235); border-bottom-width: 1px; border-bottom-style: solid;
}
.comcenter-dropdown li.inactive {
	padding: 0px 10px; color: rgb(168, 168, 168); cursor: default !important;
}
.comcenter-friend-item .comcenter-dropdown li:hover {
	background: rgb(255, 255, 255);
}
.comcenter-chat-avatar-multi {
	margin-right: 6px; float: left;
}
.comcenter-chat-avatar-taskbar {
	margin-right: 6px; float: left;
}
.comcenter-avatar {
	margin-right: 6px; float: left;
}
.comcenter-chat-avatar {
	margin-right: 6px; float: left;
}
#comcenter-friendrequests-list .comcenter-avatar {
	padding-left: 11px;
}
.comcenter-chat-avatar-taskbar {
	margin: 4px 2px 0px; line-height: normal;
}
.comcenter-chat-group .comcenter-chat-avatar-taskbar {
	margin-top: 8px;
}
.comcenter-chat-avatar-multi-free-slot {
	background: rgb(32, 32, 32); width: 26px; height: 26px; margin-top: 0px; margin-right: 2px; margin-left: 0px; border-top-color: rgb(32, 32, 32); border-top-width: 1px; border-top-style: solid; float: left; position: relative;
}
.comcenter-chat-avatar-multi {
	width: 26px; height: 27px; line-height: 1; margin-top: 0px; margin-right: 2px; margin-left: 0px; position: relative;
}
.comcenter-chat-avatar-multi:hover .base-general-dropdown-area {
	display: block;
}
.comcenter-chat-avatar-multi .base-general-dropdown-area {
	background: rgba(0, 0, 0, 0.9); top: 26px; width: 140px; line-height: 1; display: none; z-index: 100;
}
.comcenter-chat-avatar-multi .base-general-dropdown-area a {
	color: rgb(255, 255, 255);
}
.comcenter-chat-serverinfo-playing {
	color: rgb(53, 53, 53); font-weight: normal;
}
.comcenter-chat-serverinfo a {
	font-size: 11px;
}
.comcenter-chat-serverinfo-notplaying {
	text-align: center; color: rgb(149, 149, 149);
}
.comcenter-chat-empty {
	top: 120px; width: 200px; height: 120px; text-align: center; position: absolute;
}
.comcenter-no-online-friends {
	padding: 4px; text-align: center; color: rgb(149, 149, 149); line-height: 23px; font-size: 12px; font-weight: bold; z-index: 1;
}
.comcenter-no-online-friends img {
	margin-top: 18px;
}
.comcenter-no-online-friends .loader {
	top: 60px; position: relative;
}
.comcenter-origin-unavailable {
	color: rgb(204, 56, 44); padding-top: 20px;
}
#comcenter-tab-settings-content {
	position: relative; -ms-overflow-x: hidden; -ms-overflow-y: scroll;
}
.chat-header {
	background: rgb(235, 235, 235); height: 34px; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 33px; font-size: 11px; font-weight: bold; border-bottom-color: rgb(190, 190, 190); border-bottom-width: 1px; border-bottom-style: solid; position: relative; text-shadow: 0px 1px #fff;
}
.comcenter-chat-contract {
	background: url("../base/shared/row_icon_chat.png") 0px 0px; top: 10px; width: 13px; height: 13px; right: 6px; position: absolute; cursor: pointer;
}
.chat-header .comcenter-chat-contract {
	right: 22px; position: absolute;
}
.chat-header .comcenter-username {
	height: 34px; right: 36px; position: absolute;
}
.comcenter-chat-group .chat-header .comcenter-chat-contract {
	right: 6px; float: right; position: relative;
}
.comcenter-close-group {
	background: url("../base/shared/row_icon_chat.png") 0px 26px; top: 14px; width: 13px; height: 13px; margin-right: 4px; float: right; position: relative; cursor: pointer;
}
.comcenter-close {
	background: url("../base/shared/row_icon_chat.png") 0px 26px; top: 14px; width: 13px; height: 13px; margin-right: 4px; float: right; position: relative; cursor: pointer;
}
.comcenter-chat-party-menu {
	top: 10px; margin-right: 4px; float: right; position: relative; cursor: pointer;
}
.comcenter-chat-party-menu-icon {
	background: url("../ui/icons-small.png") no-repeat -14px -42px; width: 14px; height: 14px; position: relative; cursor: pointer; opacity: 0.3;
}
.comcenter-chat-party-menu-icon:hover {
	opacity: 0.8;
}
.comcenter-close-group {
	background-position: 0px 13px; display: none;
}
.comcenter-close:hover {
	background-position: 0px 13px;
}
.chat-header .comcenter-close-group {
	top: 10px;
}
.chat-header .comcenter-close {
	top: 10px;
}
.comcenter-notification-padder#comcenter-notifications {
	left: 2px;
}
.chat-header {
	position: relative; z-index: 100;
}
.comcenter-contract:hover {
	background-position: 0px -13px;
}
.comcenter-chat-contract:hover {
	background-position: 0px -13px;
}
.chat-members {
	background: rgb(0, 0, 0); left: 0px; top: 34px; right: 0px; bottom: 38px; display: none; position: absolute; z-index: 1; -ms-overflow-y: auto;
}
.chat-members .chattitle {
	margin: 0px; padding: 0px 6px; color: rgb(138, 138, 138); text-transform: uppercase; line-height: 20px; font-family: Tahoma, Arial, sans-serif; font-size: 13px; font-weight: normal; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.showmembers.comcenter-chat-taskbar .chat-members {
	display: block;
}
.chat-members .close-chat-members {
	left: 0px; height: 30px; text-align: center; right: 0px; bottom: 0px; position: fixed;
}
.chat-members .comcenter-chat-member {
	padding: 6px; clear: both; border-bottom-color: rgb(46, 46, 46); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.chat-members .comcenter-chat-member .join-friend-generic-button {
	top: 8px; right: 8px; position: absolute;
}
.chat-members .comcenter-chat-member .comcenter-chat-member-actions {
	top: 4px; text-align: right; right: 6px; position: absolute;
}
.chat-members .comcenter-chat-member .comcenter-chat-username {
	color: rgb(138, 138, 138); line-height: 18px; font-size: 12px; font-weight: normal; margin-left: 4px;
}
.chat-members .comcenter-chat-member .comcenter-chat-member-actions li {
	margin-right: 6px; float: left;
}
.chat-member-close {
	background: rgb(0, 0, 0); left: 0px; height: 38px; text-align: center; right: 0px; bottom: 0px; line-height: 38px; border-top-color: rgb(46, 46, 46); border-top-width: 1px; border-top-style: solid; display: none; position: absolute; z-index: 2;
}
.showmembers.comcenter-chat-taskbar .chat-member-close {
	display: block;
}
.comcenter-chat-group-header {
	background: none; height: 34px; line-height: 34px; clear: both; border-top-color: rgb(210, 210, 210); border-top-width: 1px; border-top-style: solid; position: relative;
}
.comcenter-chat-header {
	padding: 0px 5px; height: 33px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.comcenter-chat-idle {
	text-align: center; color: rgb(138, 138, 138); border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.comcenter-chat-offline {
	text-align: center; color: rgb(138, 138, 138); border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.comcenter-chat-server {
	text-align: center; color: rgb(138, 138, 138); border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.comcenter-chat-header-origin {
	line-height: 17px;
}
.chat-header-group-chat {
	overflow: hidden; padding-left: 6px; font-size: 12px; float: left; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 170px; text-shadow: none;
}
.chat-header-group-name-area {
	background: rgb(235, 235, 235); left: 5px; top: 0px; width: 181px; display: none; position: absolute; z-index: 2;
}
.chat-header-submit {
	font-size: 11px;
}
.chat-header-group-chat-editname {
	background: url("../comcenter/chat-edit.png") no-repeat 0px 0px; width: 14px; height: 14px; margin-top: 9px; margin-left: 6px; float: left; display: block;
}
.chat-header-group-chat-editname:hover {
	background-position: 0px -14px;
}
.chat-header-group-name-area-input {
	width: 120px;
}
.comcenter-chat-group-avatars {
	margin-top: 0px; margin-left: 4px; white-space: nowrap; position: relative;
}
.comcenter-chat-platoon .comcenter-chat-group-avatars {
	width: 135px;
}
.comcenter-chat-group-expand {
	background: url("../base/shared/row_icon_collapse_expand.png"); width: 12px; height: 12px; margin-top: 14px; margin-left: 6px; float: left; cursor: pointer;
}
.comcenter-chat-group-expand:hover {
	background-position: 0px -12px;
}
.active.comcenter-chat-group-expand {
	background-position: 0px 24px;
}
.active.comcenter-chat-group-expand:hover {
	background-position: 0px 12px;
}
.comcenter-chat-group-expanded-header {
	background: 0px 0px rgb(253, 253, 253); top: 76px; width: 230px; height: 257px; display: none; position: absolute; z-index: 20; -ms-overflow-y: scroll;
}
.comcenter-chat-group-usernames {
	clear: both; margin-top: 0px; margin-left: 6px;
}
.comcenter-chat-group-usernames a {
	font-size: 11px; font-weight: normal;
}
.comcenter-chat-username-you {
	width: 154px; color: rgb(149, 149, 149); overflow: hidden; font-size: 11px; font-weight: bold; float: left; white-space: nowrap;
}
.comcenter-chat-username-other {
	width: 154px; color: rgb(149, 149, 149); overflow: hidden; font-size: 11px; font-weight: bold; float: left; white-space: nowrap;
}
.comcenter-chat-username-other a {
	font-size: 11px;
}
.comcenter-chat-timestamp {
	color: rgb(202, 202, 202); font-size: 9px; float: right;
}
.comcenter-chat-message-content {
	color: rgb(53, 53, 53); clear: both; font-size: 12px; font-weight: normal; -ms-word-wrap: break-word;
}
.comcenter-chat-message-content .em {
	top: 3px; width: 18px; height: 18px; display: inline-block; position: relative; -ms-zoom: 1;
}
.comcenter-chat-same-author {
	padding: 0px 6px 6px; line-height: 16px;
}
.comcenter-chat-message-content a {
	font-size: 11px;
}
.comcenter-chat-status-message-content {
	padding: 6px 0px 6px 6px; text-align: left; color: rgb(53, 53, 53); line-height: 16px; clear: both; font-weight: bold; margin-bottom: 1px; border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: solid;
}
.chat-game-logo {
	margin: 0px 6px; float: left;
}
.comcenter-chat-serverinfo {
	color: rgb(48, 141, 191); line-height: 30px; overflow: hidden; margin-left: 1px; float: left; white-space: nowrap;
}
.comcenter-server-joinbutton {
	top: -2px; right: 6px; display: block; position: absolute;
}
.chat-joinbutton {
	top: 0px; right: 6px; display: block; position: absolute;
}
.comcenter-chat-bottom {
	width: 229px; height: 36px; position: relative;
}
.comcenter-chat-bottom .comcenter-chat-bottom-info {
	text-align: center; color: rgb(168, 168, 168); line-height: 36px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.comcenter-chat-bottom .comcenter-chat-bottom-info a {
	color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; cursor: pointer;
}
.user-is-offline.comcenter-chat-bottom {
	background-position: 0px -38px;
}
.disabled.comcenter-chat-bottom {
	background-position: 0px 38px;
}
#comcenter-chats .comcenter-chat-chat {
	background: 0px 0px rgb(255, 255, 255); width: 100%; height: 302px; color: rgb(149, 149, 149); position: relative; -ms-overflow-y: scroll;
}
#comcenter-chats .comcenter-chat-minisize {
	height: 267px;
}
#comcenter-chats .comcenter-chat-group .comcenter-chat-chat {
	height: 266px;
}
#comcenter-chats .comcenter-chat-platoon .comcenter-chat-chat {
	height: 257px;
}
.comcenter-chat-message {
	padding: 6px; line-height: 16px; border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: solid;
}
.chat-header {
	width: 230px; text-transform: none;
}
.comcenter-bottom-row {
	background: url("../comcenter/bottom-yellow.png"); width: 100%; height: 4px;
}
.comcenter-playing-logo {
	width: 26px; right: 0px; margin-top: 10px; margin-right: 4px; float: left;
}
.comcenter-chat-group-list {
	width: 213px;
}
#draggables li {
	background: rgb(0, 0, 0); padding: 5px; border: 0px currentColor; border-image: none; width: 225px; color: rgb(255, 255, 255); overflow: hidden; list-style-type: none;
}
#draggables li {
	cursor: url(/cdnprefix/local/public/comcenter/cursors/cursor-closedhand.cur), move;
}
#draggables li a {
	cursor: url(/cdnprefix/local/public/comcenter/cursors/cursor-closedhand.cur), move;
}
#draggables li.active {
	background: rgb(53, 53, 53);
}
#draggables li .comcenter-interact-container {
	display: none;
}
#draggables li .comcenter-dropdownbutton {
	display: none;
}
.comcenter-friend-item {
	padding-right: 10px; clear: both;
}
#comcenter-tabs {
	height: 29px; line-height: 29px;
}
.comcenter-tab-small {
	background: url("../comcenter/tab-not-active.png"); width: 134px; height: 29px; color: rgb(53, 53, 53); text-transform: uppercase; font-size: 11px; font-weight: bold; float: left; cursor: pointer; text-shadow: 0px 1px #e0e0e0;
}
.comcenter-tab {
	background: url("../comcenter/tab-not-active.png"); width: 134px; height: 29px; color: rgb(53, 53, 53); text-transform: uppercase; font-size: 11px; font-weight: bold; float: left; cursor: pointer; text-shadow: 0px 1px #e0e0e0;
}
.setting.comcenter-tab-small {
	width: 31px; border-left-color: rgb(157, 157, 157); border-left-width: 1px; border-left-style: solid;
}
.comcenter-setting-icon {
	background: url("../comcenter/icon-settings.png") 0px -17px; width: 16px; height: 17px; margin-top: 7px; margin-left: 8px;
}
.active.comcenter-tab .comcenter-setting-icon {
	background: url("../comcenter/icon-settings.png");
}
.title.comcenter-tab {
	float: left;
}
.active.comcenter-tab {
	background: url("../comcenter/tab-active.png"); color: rgb(255, 197, 0); text-shadow: 0px 1px #000000;
}
.comcenter-tab .title {
	font-family: Tahoma, Arial, sans-serif; font-size: 11px; margin-left: 10px; float: left;
}
.comcenter-tab-content {
	display: block;
}
.active.comcenter-tab-content {
	display: block;
}
.comcenter-tab-line {
	background: rgb(0, 0, 0); width: 100%; height: 5px; clear: both;
}
#comcenter-loading {
	background: rgb(241, 241, 241); left: 0px; top: 68px; width: 270px; height: 303px; display: none; position: absolute; z-index: 12;
}
.comcenter-loading-area {
	background: url("../base/shared/loading16x16.gif") no-repeat top; margin: 100px auto 0px; width: 100px; height: 100px; text-align: center; color: rgb(53, 53, 53); padding-top: 48px; font-weight: bold;
}
#comcenter-friendrequests-separator {
	position: relative;
}
.chat-header p {
	margin-left: 15px;
}
.comcenter-notification-title {
	padding-left: 12px; font-family: Tahoma, Arial, sans-serif; font-size: 11px;
}
.comcenter-friend {
	height: 34px; font-weight: bold;
}
.comcenter-friend .comcenter-friend-avatar {
	background: rgb(255, 255, 255); margin: 6px 10px; border: 1px solid rgb(220, 220, 220); border-image: none; width: 21px; height: 21px; float: left;
}
.comcenter-friend .comcenter-username {
	margin-top: 9px;
}
.comcenter-friend a {
	color: rgb(48, 141, 191); text-decoration: none;
}
.comcenter-friend a:hover {
	text-decoration: underline;
}
.comcenter-friend-playing.ui-draggable-dragging.comcenter-friend .comcenter-username {
	margin-top: 0px;
}
.ui-draggable-dragging.comcenter-friend .comcenter-username-idle.comcenter-username {
	margin-top: 0px;
}
.ui-multidraggable.comcenter-friend {
	background: rgb(68, 68, 68); border-bottom-color: rgb(33, 33, 33);
}
.ui-multidraggable.comcenter-friend:hover {
	background: rgb(68, 68, 68); border-bottom-color: rgb(33, 33, 33);
}
.ui-multidraggable.comcenter-friend:hover .comcenter-dropdownbutton {
	display: none;
}
li.comcenter-thisisyou:hover {
	background: none; cursor: default;
}
#comcenter-surface-friends {
	display: block;
}
.comcenter-chat-bottom-loader {
	top: 13px; right: 11px; display: none; position: absolute;
}
.comcenter-chat-input-disabled {
	border-width: 1px; border-style: solid; border-color: rgb(171, 173, 179) rgb(204, 204, 204) rgb(204, 204, 204); padding: 0px 3px; border-image: none; left: -2px; top: -4px; width: 214px; height: 21px; color: rgb(0, 0, 0); line-height: 19px; font-size: 12px; margin-left: 6px; position: relative;
}
.comcenter-chat-input {
	border-width: 1px; border-style: solid; border-color: rgb(171, 173, 179) rgb(204, 204, 204) rgb(204, 204, 204); padding: 0px 3px; border-image: none; left: -2px; top: -4px; width: 214px; height: 21px; color: rgb(0, 0, 0); line-height: 19px; font-size: 12px; margin-left: 6px; position: relative;
}
.comcenter-chat-content {
	background: 0px 0px rgb(255, 255, 255); border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(204, 204, 204) rgb(204, 204, 204) currentColor; border-image: none; width: 230px; height: 377px; bottom: 0px; overflow: hidden; display: none; position: absolute; z-index: 5; cursor: default; -webkit-backface-visibility: hidden;
}
.comcenter-chat-droppable-content {
	top: 106px; width: 231px; text-align: center; position: absolute;
}
.comcenter-chat-droppable-info {
	top: 10px; width: 216px; text-align: center; position: absolute;
}
.comcenter-chat-droppable {
	background: url("../comcenter/dropzone-party.png"); padding: 0px; left: 0px; top: 56px; width: 213px; height: 300px; text-align: center; color: rgb(149, 149, 149); line-height: 16px; font-weight: normal; display: none; position: absolute; z-index: 100;
}
.comcenter-chat-droppable b {
	color: rgb(0, 0, 0);
}
.comcenter-chat-content .dragging.comcenter-chat-droppable .comcenter-chat-droppable-content {
	color: rgb(53, 53, 53);
}
.comcenter-chat-content .active.comcenter-chat-droppable .comcenter-chat-droppable-content {
	color: rgb(53, 53, 53);
}
.comcenter-chat-content .dragging.comcenter-chat-droppable {
	background: url("../comcenter/dropzone-active.png"); width: 230px; height: 195px;
}
.comcenter-chat-content .active.comcenter-chat-droppable {
	background: url("../comcenter/dropzone-active.png"); width: 230px; height: 195px;
}
.visible.comcenter-chat-droppable {
	display: block;
}
.comcenter-receipt {
	background: rgb(218, 243, 193); left: 0px; width: 270px; height: 40px; text-align: center; bottom: 1px; color: rgb(53, 53, 53); line-height: 40px; font-weight: bold; border-top-color: rgb(156, 192, 120); border-top-width: 1px; border-top-style: solid; display: none; position: absolute; z-index: 100;
}
.comcenter-chat-leavechat {
	margin-right: 6px; float: right;
}
.contracted.comcenter-chat-taskbar {
	width: 40px;
}
.comcenter-chat-taskbar .comcenter-close {
	display: none;
}
.comcenter-chat-taskbar:hover .comcenter-close {
	background: url("../base/shared/row_icon_chat_light.png") 0px -26px; display: block;
}
.comcenter-chat-taskbar .comcenter-close:hover {
	background: url("../base/shared/row_icon_chat_light.png") 0px 13px; display: block;
}
#comcenter-search .hidden {
	display: none;
}
.comcenter-search-friends {
	background: url("../comcenter/search.png"); width: 210px; height: 32px;
}
#comcenter-search-friends-input {
	background: none; padding: 3px 3px 3px 21px; border: currentColor; border-image: none; top: -5px; width: 174px; height: 14px; color: rgb(53, 53, 53); line-height: 14px; font-size: 11px; margin-left: 6px; position: relative;
}
.comcenter-setting {
	background: url("../comcenter/fullwidth-sprite.png"); width: 33px; height: 40px; border-left-color: rgb(64, 64, 64); border-left-width: 1px; border-left-style: solid; float: right; position: relative; z-index: 2; cursor: pointer; opacity: 0.75;
}
.comcenter-setting:hover {
	opacity: 1;
}
.muted.comcenter-setting {
	opacity: 1;
}
.noise.comcenter-setting {
	background-position: -2px -35px;
}
.notselectable#comcenter-friendbutton .muted.noise {
	background-position: -39px -35px; background-color: rgb(209, 27, 27);
}
.mic.comcenter-setting {
	background-position: -2px -71px;
}
.ui-dragable {
	-webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.ui-slider {
	-webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.comcenter-notification-content .comcenter-separator {
	height: 17px; color: rgb(138, 138, 138); text-transform: uppercase; line-height: 18px; padding-left: 14px; font-family: Purista, sans-serif; font-size: 11px; font-style: normal; font-weight: 600;
}
.comcenter-chat-offlineuser {
	background: rgb(248, 248, 248); margin: 3px; padding: 6px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 193px; height: 33px; bottom: 0px; color: rgb(53, 53, 53); line-height: 16px; font-weight: normal; position: absolute;
}
.comcenter-notification-index-sendlink {
	margin-left: 6px; float: left;
}
.comcenter-notification-index-viewlink {
	float: right;
}
li.comcenter-friend-hidden {
	display: none;
}
#comcenter-currentchannel {
	position: relative;
}
#comcenter-currentchannel .common-dropzone {
	width: 266px; height: 100%;
}
#comcenter-currentchannel .common-dropzone .common-dropzone-content {
	width: 263px; height: 105px;
}
.comcenter-chat-platoon-header {
	padding: 0px 6px; height: 42px; line-height: 18px; border-bottom-color: rgb(226, 226, 226); border-bottom-width: 1px; border-bottom-style: solid;
}
.comcenter-platoonbadge {
	top: 6px; position: relative;
}
.comcenter-friendrequestarea {
	width: 68px; float: right;
}
.comcenter-friend-request-button {
	border: 0px currentColor; border-image: none; width: 25px; height: 26px; margin-top: 5px; margin-right: 6px; float: left; cursor: pointer;
}
.comcenter-taskbar-info {
	background: rgba(0, 0, 0, 0.9); width: 100%; height: 39px; float: left;
}
.comcenter-taskbar-info:hover {
	background: rgba(42, 42, 42, 0.9);
}
.chat-list-party-privacy {
	background: url("../base/shared/icon-lock.png"); width: 11px; height: 10px; margin-top: 11px; margin-left: 6px; float: left; display: block; position: relative;
}
.chat-toggle-party-privacy {
	background: url("../base/shared/icon-lock.png"); width: 11px; height: 10px; margin-top: 11px; margin-left: 6px; float: left; display: block; position: relative;
}
.chat-list-party-privacy:hover {
	text-decoration: none; cursor: default;
}
.open.chat-list-party-privacy {
	background-position: -11px 0px;
}
.open.chat-toggle-party-privacy {
	background-position: 0px 0px; text-decoration: none;
}
.closed.chat-list-party-privacy {
	background-position: 11px 0px;
}
.closed.chat-toggle-party-privacy {
	background-position: 22px 0px; text-decoration: none;
}
#comcenter-create-party-area {
	background: rgb(239, 239, 239); height: 32px; color: rgb(138, 138, 138); line-height: 32px; padding-left: 6px; border-top-color: rgb(210, 210, 210); border-top-width: 2px; border-top-style: solid;
}
.comcenter-game-icon {
	margin-top: 1px; margin-right: 4px; float: left;
}
.comcenter-interact-container {
	top: 0px; right: 12px; position: absolute;
}
.comcenter-manage-friends {
	background: url("../comcenter/icon-managefriends.png") no-repeat 0px 0px; left: 6px; top: 0px; width: 23px; height: 33px; text-decoration: none; border-right-color: rgb(210, 210, 210); border-right-width: 1px; border-right-style: solid; display: block; position: relative;
}
.comcenter-manage-friendsn:hover {
	background-position: 0px -28px;
}
#comcenter-area .join-friend-dropdown {
	border: 1px solid rgb(166, 166, 166); border-image: none; left: -107px; top: 30px; width: 130px;
}
.comcenter-chat-bottom-container {
	background: rgb(243, 243, 243); border-top-color: rgb(210, 210, 210); border-top-width: 1px; border-top-style: solid;
}
.comcenter-chat-group-avatars-container {
	margin: 4px 0px; position: relative;
}
.comcenter-username-serverinfo {
	overflow: hidden; clear: both; white-space: nowrap; position: relative; -ms-text-overflow: ellipsis;
}
.comcenter-chat-platoon-badge {
	top: 4px; height: 20px; margin-left: 6px; float: left; position: relative;
}
.comcenter-chat-group-partyserverbutton {
	top: -2px; height: 35px; margin-right: 4px; float: right; position: relative;
}
.comcenter-chat-group-partyserverbutton button {
	line-height: 16px;
}
.comcenter-chat-group-partyservername {
	line-height: 14px; padding-top: 4px; margin-left: 6px; float: left;
}
.comcenter-chat-group-partyserver {
	background: rgb(243, 243, 243); top: 0px; width: 230px; height: 38px; padding-top: 2px; border-top-color: rgb(210, 210, 210); border-bottom-color: rgb(210, 210, 210); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; position: relative; z-index: 1;
}
.comcenter-chat-group-partyservername .common-playing-mode {
	top: 8px; position: relative;
}
.comcenter-chatpartyjoin {
	width: 130px; float: left;
}
.comcenter-chatpartyjoin-icon {
	width: 116px; line-height: 13px; overflow: hidden; clear: left; margin-top: 2px; margin-right: 4px; float: left;
}
.comcenter-chatpartyjoin-joinbutton {
	margin-right: 2px; float: right;
}
.comcenter-chat-group-partyservername-players {
	color: rgb(138, 138, 138); float: left; cursor: pointer;
}
.comcenter-chat-group-nooneplaying {
	background: rgb(243, 243, 243); height: 41px; text-align: center; color: rgb(138, 138, 138); clear: both; border-bottom-color: rgb(210, 210, 210); border-bottom-width: 1px; border-bottom-style: solid;
}
.comcenter-chat-group-settings {
	background: url("../comcenter/settings.png"); width: 12px; height: 12px; margin-top: 7px; margin-right: 6px; float: right; display: block; position: relative;
}
.comcenter-chat-group-settings:hover {
	background-position: 0px -12px;
}
body .comcenter-chatparty-gameicon {
	left: -4px; top: 4px; margin-top: 1px; margin-right: 0px; position: relative;
}
.comcenter-chat-partyowner {
	background: rgb(0, 0, 0); top: 0px; width: 2px; height: 2px; position: absolute;
}
.comcenter-chatparty-playingserver {
	width: 100px; overflow: hidden;
}
#comcenter-matches-list-empty {
	padding: 10px; color: rgb(168, 168, 168); font-size: 12px; font-weight: normal; border-bottom-color: rgb(48, 47, 51); border-bottom-width: 1px; border-bottom-style: solid;
}
#comcenter-friends .comcenter-friends-border {
	background: rgb(223, 223, 223); left: -1px; top: 0px; width: 1px; height: 100%; position: absolute; opacity: 0.25;
}
#comcenter-tab-friends-content {
	background: none; left: 0px; top: 48px; right: 0px; bottom: 41px; overflow: auto; margin-bottom: 0px; position: absolute;
}
#comcenter-tab-chats {
	background: none; left: 0px; top: 48px; right: 0px; bottom: 41px; overflow: auto; margin-bottom: 0px; position: absolute;
}
#comcenter-tab-search {
	background: none; left: 0px; top: 48px; right: 0px; bottom: 41px; overflow: auto; margin-bottom: 0px; position: absolute;
}
.app-promotion #comcenter-tab-friends-content {
	bottom: 134px;
}
.app-promotion #comcenter-tab-chats {
	bottom: 134px;
}
.app-promotion #comcenter-tab-search {
	bottom: 134px;
}
.comcenter-taskbar-info {
	display: none;
}
.base-button-party {
	width: 132px; margin-left: 2px; background-image: url("../comcenter/fullwidth-button-party.png");
}
li.comcenter-found-no-online-friends {
	background: none;
}
li.comcenter-separator {
	height: 19px; padding-left: 24px; margin-top: 4px; margin-left: 2px;
}
#comcenter-friendbutton {
	border: 0px currentColor; border-image: none;
}
.comcenter-friend-online .comcenter-username a {
	color: white;
}
.comcenter-friend-playing .comcenter-username a {
	color: white;
}
#comcenter-surface-friendrequests .comcenter-username a {
	color: white;
}
.comcenter-friend-draggable {
	width: 3px; height: 8px; margin-top: 14px; margin-right: 6px; margin-left: 1px; float: left;
}
.comcenter-friend-draggable-dummy {
	width: 3px; height: 8px; margin-top: 14px; margin-right: 6px; margin-left: 1px; float: left;
}
.comcenter-friend-draggable {
	background: url("../comcenter/comcenter-draggable.png") 0px 48px;
}
.base-button-party {
	display: none;
}
.comcenter-full-height {
	display: inline;
}
.comcenter-small-height {
	display: none;
}
#comcenter-friendbutton {
	right: 0px; bottom: 0px; position: absolute;
}
.comcenter-full-height {
	display: none;
}
.comcenter-chat-username-link {
	padding-left: 6px; font-size: 12px; float: left;
}
#comcenter-friends {
	background: rgba(0, 0, 0, 0.75); top: 0px; 
	//width: 237px;
	width: 260px;
	right: 0px; bottom: 0px; font-size: 12px; display: block; position: fixed; z-index: 1001;
}
#comcenter-friends .jspVerticalBar {
	right: 0px;
}
#comcenter-friends .jspVerticalBar .jspDrag {
	border-radius: 0px;
}
#comcenter-friends .muted.mic.comcenter-setting {
	background-position: -38px -71px; background-color: rgb(209, 27, 27);
}
#comcenter-friends #comcenter-friendrequests-list {
	margin-bottom: 6px;
}
#comcenter-friends #comcenter-friendrequests-list .comcenter-username a {
	width: 90px;
}
#comcenter-friends .comcenter-username-idle {
	padding-top: 1px; font-size: 12px; margin-top: 0px; float: left; white-space: nowrap;
}
#comcenter-friends .comcenter-username-away {
	color: rgb(138, 138, 138); line-height: 15px; font-size: 11px; font-weight: normal;
}
#comcenter-friends #comcenter-tab-friends-content .common-playing-link {
	width: 95px;
	//width: 130px;
	color: rgb(138, 138, 138); line-height: 15px; font-size: 11px; font-weight: normal;
}
#comcenter-friends #comcenter-tab-friends-content li {
	padding: 4px 8px; position: relative;
}
#comcenter-friends #comcenter-tab-friends-content li:hover {
	background: rgba(255, 255, 255, 0.2); cursor: pointer;
}
#comcenter-friends #comcenter-tab-friends-content li:hover .comcenter-friend-draggable {
	background-position: 0px 0px;
}
#comcenter-friends #comcenter-tab-friends-content li.comcenter-friend-playing .comcenter-username {
	color: rgb(160, 160, 160); margin-top: 0px;
}
#comcenter-friends #comcenter-tab-friends-content li.comcenter-add-friend {
	padding: 8px 8px 8px 19px; color: rgb(138, 138, 138);
}
#comcenter-friends #comcenter-tab-friends-content li.comcenter-add-friend .icon {
	margin-right: 2px;
}
#comcenter-friends #comcenter-tab-friends-content li.comcenter-add-friend-disabled {
	cursor: default; opacity: 0.2;
}
#comcenter-friends #comcenter-tab-friends-content li.comcenter-found-no-online-friends {
	background: rgb(253, 253, 253); text-align: center; color: rgb(138, 138, 138); cursor: default;
}
#comcenter-friends #comcenter-tab-friends-content li.comcenter-found-no-online-friends:hover {
	background: rgb(253, 253, 253); text-align: center; color: rgb(138, 138, 138); cursor: default;
}
#comcenter-friends #comcenter-tab-friends-content li.offline.comcenter-separator {
	background: rgba(0, 0, 0, 0.4);
}
#comcenter-friends #comcenter-tab-friends-content li.offline.comcenter-separator:hover {
	background: black; cursor: pointer;
}
#comcenter-friends #comcenter-tab-friends-content li.online.comcenter-separator {
	font-family: Purista, sans-serif; font-style: normal; font-weight: 600;
}
#comcenter-friends #comcenter-tab-friends-content li.online.comcenter-separator:hover {
	background: none; cursor: default;
}
#comcenter-friends #comcenter-tab-friends-content li.online.comcenter-separator .origin {
	padding-left: 24px;
}
#comcenter-friends #comcenter-tab-friends-content li.online.comcenter-separator .origin::before {
	background: url("../img/comcenter/origin-logo.png"); top: 2px; width: 16px; height: 22px; display: block; position: absolute; content: "";
}
#comcenter-friends #comcenter-tab-friends-content li.comcenter-searched-for {
	height: 28px; color: rgb(53, 53, 53); line-height: 28px; padding-left: 16px;
}
#comcenter-friends #comcenter-tab-friends-content li.comcenter-searched-for:hover {
	background: rgb(253, 253, 253); cursor: default;
}
#comcenter-friends #comcenter-tab-friends-content li.comcenter-separator {
	color: rgb(138, 138, 138); text-transform: uppercase; line-height: 20px; padding-left: 16px; font-family: Purista; font-size: 13px; white-space: nowrap; cursor: pointer;
}
#comcenter-friends #comcenter-tab-friends-content li.comcenter-separator .base-left {
	float: none;
}
#comcenter-friends #comcenter-tab-friends-content li .join-friend {
	margin-left: 5px; float: right;
}
#comcenter-friends #comcenter-tab-friends-content li .icon-origin {
	margin: 14px 0px 0px 10px; float: right;
}
#comcenter-friends #comcenter-tab-friends-content li .icon-mobile {
	margin: 14px 0px 0px 10px; float: right;
}
#comcenter-friends #comcenter-tab-friends-content li .origin-game-title {
	width: 150px;
}
#comcenter-friends .app-promotion {
	overflow: hidden; position: absolute;
}
#comcenter-friends .app-promotion .box {
	bottom: 43px;
}
#comcenter-friends .app-promotion .box-content {
	padding-bottom: 0px; background-color: rgba(255, 255, 255, 0.08);
}
#comcenter-friends .app-promotion img {
	float: left;
}
#comcenter-friends .app-promotion .origin {
	float: none;
}
#comcenter-friends .app-promotion .text {
	font-size: 12px; margin-left: 64px;
}
#comcenter-friends .app-promotion .text .title {
	color: rgb(255, 255, 255); font-weight: bold; margin-top: 8px; display: inline-block;
}
#comcenter-friends .app-promotion .text .upsell {
	color: rgb(168, 168, 168); margin-top: 8px; display: inline-block;
}
#comcenter-friends .app-promotion .app-promotion-interaction-area {
	top: 4px; width: 20px; right: 4px; position: absolute;
}
#comcenter-friends .app-promotion .app-promotion-interaction-area .app-promotion-close {
	background: url("../base/shared/row_icon_chat_light.png") 0px -26px; width: 13px; height: 13px; float: right; position: relative; cursor: pointer;
}
#comcenter-friends .app-promotion .app-promotion-interaction-area .app-promotion-close:hover {
	background-position: 0px -39px;
}
#comcenter .comcenter-interact-party {
	border: 0px currentColor; border-image: none; width: 23px; height: 24px; margin-top: 4px; vertical-align: middle; float: right; display: inline-block; position: relative; cursor: pointer;
}
#comcenter div.comcenter-interact-playing {
	border: 0px currentColor; border-image: none; width: 23px; height: 24px; margin-top: 4px; vertical-align: middle; float: right; display: inline-block; position: relative; cursor: pointer;
}
#comcenter .comcenter-interact-party-invite {
	border: 0px currentColor; border-image: none; width: 23px; height: 24px; margin-top: 4px; vertical-align: middle; float: right; display: inline-block; position: relative; cursor: pointer;
}
#comcenter .comcenter-interact-chat-offline {
	border: 0px currentColor; border-image: none; width: 23px; height: 24px; margin-top: 4px; vertical-align: middle; float: right; display: inline-block; position: relative; cursor: pointer;
}
#comcenter .comcenter-interact-chat {
	border: 0px currentColor; border-image: none; width: 23px; height: 24px; margin-top: 4px; vertical-align: middle; float: right; display: inline-block; position: relative; cursor: pointer;
}
#comcenter-friends .comcenter-interact-party {
	border: 0px currentColor; border-image: none; width: 23px; height: 24px; margin-top: 4px; vertical-align: middle; float: right; display: inline-block; position: relative; cursor: pointer;
}
#comcenter-friends div.comcenter-interact-playing {
	border: 0px currentColor; border-image: none; width: 23px; height: 24px; margin-top: 4px; vertical-align: middle; float: right; display: inline-block; position: relative; cursor: pointer;
}
#comcenter-friends .comcenter-interact-party-invite {
	border: 0px currentColor; border-image: none; width: 23px; height: 24px; margin-top: 4px; vertical-align: middle; float: right; display: inline-block; position: relative; cursor: pointer;
}
#comcenter-friends .comcenter-interact-chat-offline {
	border: 0px currentColor; border-image: none; width: 23px; height: 24px; margin-top: 4px; vertical-align: middle; float: right; display: inline-block; position: relative; cursor: pointer;
}
#comcenter-friends .comcenter-interact-chat {
	border: 0px currentColor; border-image: none; width: 23px; height: 24px; margin-top: 4px; vertical-align: middle; float: right; display: inline-block; position: relative; cursor: pointer;
}
#comcenter .comcenter-interact-container .comcenter-interact-party {
	margin-top: 9px;
}
#comcenter .comcenter-interact-container div.comcenter-interact-playing {
	margin-top: 9px;
}
#comcenter .comcenter-interact-container .comcenter-interact-party-invite {
	margin-top: 9px;
}
#comcenter .comcenter-interact-container .comcenter-interact-chat-offline {
	margin-top: 9px;
}
#comcenter .comcenter-interact-container .comcenter-interact-chat {
	margin-top: 9px;
}
#comcenter-friends .comcenter-interact-container .comcenter-interact-party {
	margin-top: 9px;
}
#comcenter-friends .comcenter-interact-container div.comcenter-interact-playing {
	margin-top: 9px;
}
#comcenter-friends .comcenter-interact-container .comcenter-interact-party-invite {
	margin-top: 9px;
}
#comcenter-friends .comcenter-interact-container .comcenter-interact-chat-offline {
	margin-top: 9px;
}
#comcenter-friends .comcenter-interact-container .comcenter-interact-chat {
	margin-top: 9px;
}
#comcenter .comcenter-interact-party {
	background: url("../comcenter/icons-interact.png") no-repeat 0px -120px;
}
#comcenter-friends .comcenter-interact-party {
	background: url("../comcenter/icons-interact.png") no-repeat 0px -120px;
}
#comcenter .inParty.comcenter-interact-party {
	background-position: -23px -120px;
}
#comcenter-friends .inParty.comcenter-interact-party {
	background-position: -23px -120px;
}
#comcenter .inParty.comcenter-interact-party:hover {
	background-position: -46px -120px;
}
#comcenter-friends .inParty.comcenter-interact-party:hover {
	background-position: -46px -120px;
}
#comcenter .inParty.comcenter-interact-party:active {
	background-position: -69px -120px;
}
#comcenter-friends .inParty.comcenter-interact-party:active {
	background-position: -69px -120px;
}
#comcenter .comcenter-friend-item:hover .comcenter-interact-chat {
	display: block;
}
#comcenter .comcenter-friend-item:hover .comcenter-interact-party-invite {
	display: block;
}
#comcenter-friends .comcenter-friend-item:hover .comcenter-interact-chat {
	display: block;
}
#comcenter-friends .comcenter-friend-item:hover .comcenter-interact-party-invite {
	display: block;
}
#comcenter .comcenter-interact-party-invite {
	background: url("../comcenter/icons-interact.png") no-repeat -23px -96px; display: none;
}
#comcenter .comcenter-interact-chat-offline {
	background: url("../comcenter/icons-interact.png") no-repeat -23px -96px; display: none;
}
#comcenter .comcenter-interact-chat {
	background: url("../comcenter/icons-interact.png") no-repeat -23px -96px; display: none;
}
#comcenter-friends .comcenter-interact-party-invite {
	background: url("../comcenter/icons-interact.png") no-repeat -23px -96px; display: none;
}
#comcenter-friends .comcenter-interact-chat-offline {
	background: url("../comcenter/icons-interact.png") no-repeat -23px -96px; display: none;
}
#comcenter-friends .comcenter-interact-chat {
	background: url("../comcenter/icons-interact.png") no-repeat -23px -96px; display: none;
}
#comcenter .comcenter-interact-party-invite:hover {
	background-position: -96px -96px; cursor: pointer;
}
#comcenter .comcenter-interact-chat-offline:hover {
	background-position: -96px -96px; cursor: pointer;
}
#comcenter .comcenter-interact-chat:hover {
	background-position: -96px -96px; cursor: pointer;
}
#comcenter-friends .comcenter-interact-party-invite:hover {
	background-position: -96px -96px; cursor: pointer;
}
#comcenter-friends .comcenter-interact-chat-offline:hover {
	background-position: -96px -96px; cursor: pointer;
}
#comcenter-friends .comcenter-interact-chat:hover {
	background-position: -96px -96px; cursor: pointer;
}
#comcenter .comcenter-interact-chat-offline {
	background-position: 0px -96px;
}
#comcenter-friends .comcenter-interact-chat-offline {
	background-position: 0px -96px;
}
#comcenter .chat.icon {
	display: inline-block;
}
#comcenter-friends .chat.icon {
	display: inline-block;
}
#comcenter .group.chat.icon {
	background: url("../comcenter/icon-party.png") no-repeat 0px -5px; width: 29px; height: 22px; vertical-align: baseline;
}
#comcenter-friends .group.chat.icon {
	background: url("../comcenter/icon-party.png") no-repeat 0px -5px; width: 29px; height: 22px; vertical-align: baseline;
}
#comcenter .close.chat.icon {
	background: url("../base/shared/row_icon_chat.png"); width: 13px; height: 13px; cursor: pointer;
}
#comcenter .contract.chat.icon {
	background: url("../base/shared/row_icon_chat.png"); width: 13px; height: 13px; cursor: pointer;
}
#comcenter-friends .close.chat.icon {
	background: url("../base/shared/row_icon_chat.png"); width: 13px; height: 13px; cursor: pointer;
}
#comcenter-friends .contract.chat.icon {
	background: url("../base/shared/row_icon_chat.png"); width: 13px; height: 13px; cursor: pointer;
}
#comcenter .inverted.close.chat.icon {
	background-image: url("../base/shared/row_icon_chat_light.png");
}
#comcenter .inverted.contract.chat.icon {
	background-image: url("../base/shared/row_icon_chat_light.png");
}
#comcenter-friends .inverted.close.chat.icon {
	background-image: url("../base/shared/row_icon_chat_light.png");
}
#comcenter-friends .inverted.contract.chat.icon {
	background-image: url("../base/shared/row_icon_chat_light.png");
}
#comcenter .close.chat.icon {
	background-position: 0px 26px;
}
#comcenter-friends .close.chat.icon {
	background-position: 0px 26px;
}
#comcenter .close.chat.icon:hover {
	background-position: 0px 13px;
}
#comcenter-friends .close.chat.icon:hover {
	background-position: 0px 13px;
}
#comcenter .close.chat.icon::after {
	display: none;
}
#comcenter-friends .close.chat.icon::after {
	display: none;
}
#comcenter .contract.chat.icon {
	background-position: 0px 0px;
}
#comcenter-friends .contract.chat.icon {
	background-position: 0px 0px;
}
#comcenter .contract.chat.icon:hover {
	background-position: 0px -13px;
}
#comcenter-friends .contract.chat.icon:hover {
	background-position: 0px -13px;
}
#comcenter .unread.chat.icon {
	background: url("../comcenter/unread.png"); top: 0px; width: 9px; height: 9px; right: 0px; display: none; position: absolute; z-index: 13;
}
#comcenter-friends .unread.chat.icon {
	background: url("../comcenter/unread.png"); top: 0px; width: 9px; height: 9px; right: 0px; display: none; position: absolute; z-index: 13;
}
#comcenter .add-friend.chat.icon {
	background: url("../comcenter/fullwidth-addfriend.png") no-repeat; width: 26px; height: 26px; vertical-align: middle;
}
#comcenter-friends .add-friend.chat.icon {
	background: url("../comcenter/fullwidth-addfriend.png") no-repeat; width: 26px; height: 26px; vertical-align: middle;
}
#comcenter-area {
	top: 0px; width: 100%; right: 0px; bottom: 0px; position: absolute;
}
.chats#comcenter-area .show-cc-btn {
	opacity: 0.6;
}
.chats#comcenter-area .show-chat-btn {
	opacity: 1;
}
#friendlist-header {
	height: auto; color: rgb(213, 221, 229); text-transform: uppercase; line-height: 42px; font-family: Purista; font-size: 14px; margin-top: 6px; margin-left: 15px;
}
.comcenter-username {
	font-size: 12px; float: left; position: relative;
}
.comcenter-username a {
	width: 130px; line-height: 18px; overflow: hidden; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.comcenter-username .comcenter-chat-username-link a {
	width: 150px; margin-top: 2px; margin-bottom: -2px; display: block;
}
.comcenter-username .comcenter-chat-username-link .comcenter-username-away {
	color: rgb(138, 138, 138); line-height: 15px; font-size: 11px; font-weight: normal; text-shadow: none;
}
.comcenter-username p {
	clear: both; font-size: 11px; font-weight: normal;
}
.comcenter-settings {
	padding: 0px 8px; left: 0px; height: 41px; text-align: center; right: 0px; bottom: 0px; line-height: 41px; overflow: hidden; border-top-color: rgba(223, 223, 223, 0.15); border-top-width: 1px; border-top-style: solid; position: absolute; z-index: 1;
}
.comcenter-settings .group.icon {
	margin-top: -1px; margin-bottom: -5px;
}
.comcenter-settings .base-left {
	right: 112px; position: absolute;
}
.comcenter-list li:hover {
	background: rgba(255, 255, 255, 0.2);
}
#comcenter-chats {
	margin: 0px; height: 0px; right: 8px; bottom: 40px; position: absolute;
}
.show-comcenter #comcenter-chats {
	right: 242px;
}
#comcenter-chats .comcenter-chat-gameicon {
	margin-top: 6px;
}
#comcenter-chats .comcenter-divider-left {
	float: right;
}
#comcenter-chats .comcenter-chat-avatar {
	margin-right: 0px; margin-left: 6px; position: relative;
}
#comcenter-chats .comcenter-username a {
	color: rgb(0, 0, 0);
}
#comcenter-chats .comcenter-chat-more-users {
	width: 26px; height: 26px; text-align: center; color: rgb(168, 168, 168); line-height: 26px; float: left;
}
#comcenter-chats .comcenter-chat-more-users:hover {
	background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); cursor: pointer;
}
#comcenter-chats .comcenter-chat-taskbar-avatar {
	color: rgb(168, 168, 168);
}
#comcenter-chats .comcenter-chat-taskbar-avatar .username {
	color: rgb(168, 168, 168);
}
#comcenter-chats .comcenter-chat-taskbar-username {
	color: rgb(168, 168, 168);
}
#comcenter-chats .comcenter-chat-taskbar-button {
	height: 40px; overflow: hidden; padding-right: 8px; padding-left: 8px;
}
#comcenter-chats .comcenter-chat-taskbar-button .avatar {
	margin: 8px 4px 0px 0px; line-height: 1; float: left; display: inline-block; position: relative;
}
#comcenter-chats .comcenter-chat-taskbar-button .username {
	width: 71px; overflow: hidden; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#comcenter-chats .chat-header .chat.icon {
	margin: 10px 5px 10px 0px; float: right;
}
#comcenter-chats .comcenter-chat-taskbar-button:hover .close.icon {
	top: 50%; right: 8px; margin-top: -6px; display: block; position: absolute;
}
.comcenter-chat-taskbar-group {
	float: left;
}
.comcenter-chat-group-icon {
	background: url("../comcenter/icon-party.png") no-repeat 0px -5px; height: 22px;
}
.chat-header .comcenter-chat-group-icon {
	left: 4px; top: -5px; position: relative;
}
.comcenter-chat-taskbar-username {
	width: 123px; overflow: hidden; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.comcenter-chat-taskbar-username .club-emblem {
	top: 10px; margin-right: 3px; position: relative;
}
.comcenter-chat-taskbar-username .group.icon {
	background-position: 0px -79px; top: 5px; position: relative;
}
.active.comcenter-party-chat .group.icon {
	background-position: 0px -41px;
}
.comcenter-chat-taskbar {
	background: rgba(0, 0, 0, 0.9); width: 136px; height: 40px; color: rgb(255, 255, 255); margin-left: 1px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; float: right; position: relative; cursor: pointer;
}
.comcenter-chat-taskbar:hover {
	background: rgba(42, 42, 42, 0.9);
}
.active.comcenter-chat-taskbar {
	background: url("../comcenter/comcenter-active.png"); width: 232px; color: rgb(0, 0, 0); border-right-color: currentColor; border-left-color: currentColor; border-right-width: 0px; border-left-width: 0px; border-right-style: none; border-left-style: none;
}
.active.comcenter-chat-taskbar .icon-close {
	display: block;
}
.active.comcenter-chat-taskbar .comcenter-chat-taskbar-username {
	color: rgb(0, 0, 0);
}
.unread.comcenter-chat-taskbar .unread.icon {
	display: block;
}
.active.comcenter-chat-taskbar .comcenter-chat-content {
	display: block;
}
.comcenter-chat-party-menu-dropdown {
	background: rgba(0, 0, 0, 0.9); border: 1px solid rgb(48, 47, 51); border-image: none; top: 24px; width: 120px; right: -42px; line-height: 26px; text-indent: 6px; font-size: 11px; display: none; position: absolute; z-index: 10; text-shadow: none;
}
.comcenter-chat-party-menu-dropdown li {
	border-top-color: rgb(48, 47, 51); border-top-width: 1px; border-top-style: solid;
}
.comcenter-chat-party-menu-dropdown li:hover {
	background: rgba(255, 255, 255, 0.2);
}
.comcenter-chat-party-menu-dropdown a {
	color: rgb(255, 255, 255); font-size: 11px; display: block;
}
.active.comcenter-chat-party-menu .comcenter-chat-party-menu-dropdown {
	display: block;
}
#comcenter {
	-ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
#comcenter-friends 
{
	-ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
#comcenter-chats .comcenter-chat-chat {
	-ms-user-select: text; -webkit-user-select: text; -moz-user-select: text; user-select: text;
}
.btn-yes {
	width: 25px; height: 26px; float: left; cursor: pointer;
}
.btn-no {
	width: 25px; height: 26px; float: left; cursor: pointer;
}
.btn-yes {
	background: url("../base/bfbc2/buttons/base_button_yesno.png") no-repeat 0px -26px;
}
.active.btn-yes {
	background-position: 0px -52px;
}
.btn-yes:active {
	background-position: 0px -52px;
}
[disabled].btn-yes:hover {
	background-position: 0px -78px; cursor: default;
}
[disabled].btn-yes:active {
	background-position: 0px -78px; cursor: default;
}
[disabled].btn-yes {
	background-position: 0px -78px; cursor: default;
}
.btn-no {
	background: url("../base/bfbc2/buttons/base_button_yesno.png") no-repeat -25px 0px;
}
.btn-no:hover {
	background-position: -25px -26px;
}
.active.btn-no {
	background-position: -25px -52px;
}
.btn-no:active {
	background-position: -25px -52px;
}
[disabled].btn-no:hover {
	background-position: -25px -78px; cursor: default;
}
[disabled].btn-no:active {
	background-position: -25px -78px; cursor: default;
}
[disabled].btn-no {
	background-position: -25px -78px; cursor: default;
}
#friendlist-header {
	position: relative;
}
#friendlist-header .icon-search {
	background: url("../base/shared/search-icon-white.png") no-repeat 0px 0px; padding: 0px; top: 12px; width: 14px; height: 14px; right: 16px; position: absolute; cursor: pointer;
}
#friendlist-header form {
	line-height: 1; display: none;
}
#friendlist-header form input {
	background: rgb(0, 0, 0); margin: 0px; padding: 4px 8px; border: 1px solid rgb(80, 80, 80); border-image: none; width: 188px; color: rgb(255, 255, 255);
}
#friendlist-header form input::-ms-clear {
	display: none;
}
#friendlist-header form input:focus {
	border-color: rgb(255, 255, 255);
}
.show-search#comcenter-area #friendlist-header form {
	top: 42px; display: block; position: relative;
}
.show-search#comcenter-area #friendlist-header form .icon-close {
	top: 7px; right: 22px; position: absolute; z-index: 1; cursor: pointer;
}
.show-search#comcenter-area #comcenter-tab-chats {
	display: none;
}
.show-search#comcenter-area #comcenter-tab-friends-content {
	display: none;
}
.show-search#comcenter-area #comcenter-tab-search {
	left: 8px; top: 80px; display: block;
}
.show-search#comcenter-area #comcenter-search-results p {
	padding: 10px; color: rgb(255, 255, 255);
}
.show-search#comcenter-area #comcenter-search-results li {
	margin-bottom: 8px;
}
.show-search#comcenter-area #comcenter-search-results i.icon-platform {
	top: 15px; display: inline-block; position: relative;
}
.comcenter-toggle {
	display: none;
}
.show-cc-btn.comcenter-toggle {
	display: block;
}
.show-chat-btn.comcenter-toggle {
	display: block;
}
.show-chat-btn.comcenter-toggle button .icon {
	background: url("../base/shared/header-icons.png") no-repeat -240px 0px;
}
.unread.show-chat-btn.comcenter-toggle button {
	color: orange !important;
}
.unread.show-chat-btn.comcenter-toggle button .icon {
	background-position: -240px -30px;
}
.comcenter-toggle button {
	background: none; margin: 0px; padding: 7px 0px 0px; outline: 0px; border: 0px currentColor; border-image: none; width: auto; color: rgb(213, 221, 229); font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; vertical-align: middle; position: relative; cursor: pointer;
}
.comcenter-toggle button:not(:hover) {
	opacity: 0.9;
}
.comcenter-toggle button .icon {
	background: url("../img/comcenter/header-icons.png") no-repeat -180px 0px; top: -3px; width: 30px; height: 30px; vertical-align: middle; display: inline-block; position: relative;
	}
@media not all, not all
{
.comcenter-toggle button .icon {
	background-image: url("../base/shared/header-icons@2x.png"); background-size: 240px 60px;
}
}
#comcenter-challenges-list-loading {
	text-align: center;
}
#comcenter-challenges-list-loading .loader {
	margin-top: 16px;
}
#challenges .comcenter-notification-text {
	width: 200px; overflow: hidden; padding-left: 51px; cursor: pointer; -ms-text-overflow: ellipsis;
}
#challenges .comcenter-notification-text span.username {
	color: rgb(255, 255, 255); font-weight: bold;
}
#challenges .comcenter-notification-text span.mission {
	color: rgb(255, 255, 255);
}
#react-chats-container .chats-info {
	padding: 16px; text-align: center; color: rgb(255, 255, 255); line-height: 18px; font-family: Tahoma, Arial, sans-serif;
}
#react-chats-container .chats-info h2 {
	color: rgb(138, 138, 138); font-size: 14px;
}
#react-chats-container .comcenter-create-chat {
	margin: 8px; width: 220px; text-align: center;
}
#react-chats-container .chat-title {
	margin: 0px; padding: 6px; color: rgb(138, 138, 138); text-transform: uppercase; font-family: Tahoma, Arial, sans-serif; font-size: 13px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
#react-chats-container ul {
	margin: 0px; padding: 0px; width: 100%; height: 100%;
}
#react-chats-container li {
	list-style: none; padding: 8px; color: rgb(138, 138, 138); line-height: 16px; font-size: 13px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-width: 1px; border-bottom-style: solid; position: relative; cursor: pointer;
}
#react-chats-container li.kicked {
	opacity: 0.5;
}
#react-chats-container li.kicked:hover {
	opacity: 1;
}
#react-chats-container li.kicked:hover .leave-btn {
	display: block;
}
#react-chats-container li .leave-btn {
	top: 10px; right: 18px; display: none; position: absolute;
}
#react-chats-container li.unread .chat-row-info .unreadCount {
	display: block;
}
#react-chats-container li.unread::before {
	background: url("../comcenter/unread.png"); top: 0px; width: 9px; height: 9px; right: 0px; position: absolute; content: "";
}
#react-chats-container li:hover {
	background: rgba(255, 255, 255, 0.2);
}
#react-chats-container li.selected {
	color: rgb(0, 0, 0); box-shadow: 0px 0px 5px white; background-color: rgba(255, 255, 255, 0.8);
}
#react-chats-container li .chat-club-emblem {
	width: 44px; height: 36px; float: left;
}
#react-chats-container li .chat-icon {
	width: 44px; height: 36px; float: left;
}
#react-chats-container li .chat-icon {
	position: relative;
}
#react-chats-container li .group.chat-icon {
	background: url("../comcenter/chat/group-icon.png") no-repeat left top;
}
#react-chats-container li .chat-icon .avatar-container {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
#react-chats-container li .chat-club-emblem {
	position: relative;
}
#react-chats-container li .chat-club-emblem img {
	left: 6px; top: 6px; position: absolute;
}
#react-chats-container li .chat-row-info {
	width: 174px; float: left;
}
#react-chats-container li .chat-row-info .usernames {
	overflow: hidden; font-size: 14px; font-weight: bold; margin-right: 8px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#react-chats-container li .chat-row-info .unreadCount {
	right: 6px; bottom: 8px; color: orange; font-size: 12px; display: none; position: absolute;
}
#react-chats-container li .lastmessage {
	overflow: hidden; font-weight: normal; margin-top: 4px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#react-chats-container li .lastmessage .em {
	top: 3px; width: 18px; height: 18px; display: inline-block; position: relative; -ms-zoom: 1;
}
#react-chats-container li.no-user .lastmessage {
	margin-top: 11px;
}
.show-chat-btn {
	left: 116px; top: 0px; position: absolute; opacity: 0.6;
}
.show-cc-btn {
	left: 46px;
	//left: -10px;
	top: 0px; position: absolute; opacity: 1;
}
#comcenter-tab-friends-content .join-friend-submit-link.btn-small.btn {
	margin-top: 6px;
}
.comcenter-chat-content .join-friend-submit-link.btn-small.btn {
	margin-top: 6px;
}
#comcenter-tab-friends-content .join-friend-submit-link.btn-small.btn i {
	background: url("../img/icons/icon-join.png") no-repeat 0px -10px; width: 10px; height: 10px; margin-top: 2px; display: block;
}
.comcenter-chat-content .join-friend-submit-link.btn-small.btn i {
	background: url("../base/shared/icon-join.png") no-repeat 0px -10px; width: 10px; height: 10px; margin-top: 2px; display: block;
}
#comcenter-chats .pull-left {
	margin: 0px;
}
#comcenter-chats .comcenter-chat-content {
	border: 1px solid rgb(46, 46, 46); border-image: none; background-color: rgba(0, 0, 0, 0.85);
}
#comcenter-chats .comcenter-chat-message {
	border-top-color: rgb(29, 29, 29); border-top-width: 1px; border-top-style: solid;
}
#comcenter-chats :first-child.comcenter-chat-message {
	border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
#comcenter-chats .chat-header-group-chat {
	line-height: 32px;
}
#comcenter-chats .chat-header {
	background: rgba(0, 0, 0, 0.45); width: 230px; height: 34px; color: rgb(255, 255, 255); line-height: 32px; font-family: Arial; font-size: 12px; font-weight: normal; margin-bottom: 1px; border-bottom-color: rgb(46, 46, 46); border-bottom-width: 1px; border-bottom-style: solid; position: relative; z-index: 100;
}
#comcenter-chats .chat-header .comcenter-close-group {
	top: 10px;
}
#comcenter-chats .chat-header .comcenter-close {
	top: 10px;
}
#comcenter-chats .comcenter-chat-chat {
	background: none; width: 229px; height: 298px; color: rgb(149, 149, 149); margin-top: 1px; position: relative; -ms-overflow-y: scroll;
}
#comcenter-chats .comcenter-chat-idle {
	background: rgb(0, 0, 0); margin-right: -5px; margin-left: -5px;
}
#comcenter-chats .comcenter-chat-offline {
	background: rgb(0, 0, 0); line-height: 33px; margin-right: -5px; margin-left: -5px;
}
#comcenter-chats .comcenter-chat-idle {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
#comcenter-chats .comcenter-chat-offline {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
#comcenter-chats .comcenter-chat-server {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
#comcenter-chats .comcenter-chat-input {
	background: rgba(0, 0, 0, 0.45); border: 1px solid rgba(10, 10, 10, 0.6); border-image: none; height: 25px; padding-top: 10px; margin-left: 1px;
}
#comcenter-chats .comcenter-username a {
	color: rgb(255, 255, 255); text-shadow: none;
}
#comcenter-chats .active.comcenter-chat-taskbar {
	background: none;
}
#comcenter-chats .comcenter-chat-timestamp {
	color: rgb(138, 138, 138);
}
#comcenter-chats .comcenter-chat-bottom-container {
	background: rgb(0, 0, 0); border-top-color: rgb(46, 46, 46); border-top-width: 1px; border-top-style: solid;
}
#comcenter-chats .comcenter-chat-bottom-container .comcenter-chat-bottom {
	height: 38px; overflow: hidden;
}
#comcenter-chats .comcenter-chat-message-content {
	color: rgb(211, 211, 211);
}
#comcenter-chats .comcenter-chat-content .comcenter-chat-minisize {
	height: 264px;
}
#comcenter-chats #comcenter-tab-friends-content .join-friend-submit-link.btn-small.btn {
	padding: 0px 7px; width: 24px; height: 24px; margin-top: 4px;
}
#comcenter-chats .comcenter-chat-content .join-friend-submit-link.btn-small.btn {
	padding: 0px 7px; width: 24px; height: 24px; margin-top: 4px;
}
#comcenter-chats #comcenter-tab-friends-content .join-friend-submit-link.btn-small.btn i {
	top: -1px; position: relative;
}
#comcenter-chats .comcenter-chat-content .join-friend-submit-link.btn-small.btn i {
	top: -1px; position: relative;
}
#comcenter-chats #comcenter-tab-friends-content:hover .join-friend-submit-link.btn-small.btn:hover {
	border: 1px solid rgb(255, 153, 0); border-image: none;
}
#comcenter-chats .comcenter-chat-content:hover .join-friend-submit-link.btn-small.btn:hover {
	border: 1px solid rgb(255, 153, 0); border-image: none;
}
#comcenter-chats .comcenter-chat-header {
	line-height: 28px; border-top-color: currentColor; border-bottom-color: rgb(46, 46, 46); border-top-width: 0px; border-bottom-width: 1px; border-top-style: none; border-bottom-style: solid;
}
#comcenter-chats .comcenter-chat-group-header {
	line-height: 28px; border-top-color: currentColor; border-bottom-color: rgb(46, 46, 46); border-top-width: 0px; border-bottom-width: 1px; border-top-style: none; border-bottom-style: solid;
}
#comcenter-chats .comcenter-chat-group-nooneplaying {
	background: none; border-bottom-color: rgb(46, 46, 46); border-bottom-width: 1px; border-bottom-style: solid;
}
#comcenter-chats .comcenter-chat-group-settings {
	background: url("../comcenter/settings.png") 0px -24px; width: 12px; height: 12px; margin-top: 7px; margin-right: 6px; float: right; display: block; position: relative; opacity: 0.8;
}
#comcenter-chats .comcenter-chat-group-settings:hover {
	opacity: 1;
}
#comcenter-chats .comcenter-chat-group-partyserver {
	background: rgb(0, 0, 0); border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(46, 46, 46); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
#comcenter-chats .comcenter-chat-status-message-content {
	color: rgb(204, 204, 204);
}
#comcenter-chats .comcenter-chat-status-message-content {
	border-top-color: rgb(46, 46, 46); border-top-width: 1px; border-top-style: solid;
}
#comcenter-chats .base-general-dropdown-area {
	background: rgb(51, 51, 51); top: 0px; position: relative;
}
#comcenter-chats .base-general-dropdown-area ul li {
	height: 34px; line-height: 34px; border-top-color: rgb(102, 102, 102); border-top-width: 1px; border-top-style: solid; cursor: pointer;
}
#comcenter-chats .base-general-dropdown-area ul li a {
	color: rgb(255, 255, 255); margin-left: 5px;
}
.comcenter-chat-droppable-content {
	color: rgb(168, 168, 168);
}
#comcenter-chats .comcenter-chat-droppable {
	background: url("../comcenter/dropzone-party-transparent.png") no-repeat;
}
#comcenter-chats .dragging.comcenter-chat-droppable {
	background: url("../comcenter/dropzone-active.png");
}
#comcenter-chats .active.comcenter-chat-droppable {
	background: url("../comcenter/dropzone-active.png");
}
.unavailable.error-page .box-content {
	padding: 0px; height: 300px; text-align: center;
}
.unavailable.error-page .box-content p {
	line-height: 20px; margin-top: 140px;
}
body.originconnect_in_progress #site-gate .gate-form .originconnect-status {
	display: block; opacity: 1;
}
body.originconnect_in_progress #site-gate .gate-form .originconnect-fallback {
	max-height: 0px;
}
#site-gate {
	min-height: 0px;
}
#site-gate .alert {
	margin-bottom: 16px;
}
#site-gate #recaptcha_widget_div {
	margin: 8px 0px;
}
#site-gate .gate-actions {
	height: 50px;
}
#site-gate .gate-actions::before {
	line-height: 0; display: table; content: "";
}
#site-gate .gate-actions::after {
	line-height: 0; display: table; content: "";
}
#site-gate .gate-actions::after {
	clear: both;
}
#site-gate .gate-actions .btn-login {
	float: right; min-width: 316px;
}
#site-gate .gate-actions .btn-get-game {
	float: right; min-width: 316px;
}
#site-gate .site-gate-footer {
	padding: 0px 16px 16px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#site-gate .site-gate-footer::before {
	line-height: 0; display: table; content: "";
}
#site-gate .site-gate-footer::after {
	line-height: 0; display: table; content: "";
}
#site-gate .site-gate-footer::after {
	clear: both;
}
#site-gate .show-form.site-gate-footer .gate-actions {
	height: auto;
}
#site-gate .site-gate-footer .gate-actions {
	margin: 16px 0px 32px;
}
#site-gate .site-gate-footer > .btn {
	float: right; min-width: 288px;
}
#site-gate .site-gate-footer .btn-login {
	margin-left: 8px;
}
#site-gate .header-headline {
	margin: 0px; padding: 6px 0px; color: rgb(255, 255, 255); line-height: 40px; font-size: 50px; display: inline-block;
}
#site-gate .logo {
	background-position: center 0px; width: 992px; margin-bottom: 48px; background-repeat: no-repeat; background-size: contain;
}
#site-gate .promo {
	width: 992px; margin-top: 94px; position: relative; z-index: 1;
}
#site-gate .base-game-selector {
	margin-top: 16px;
}
.site-gate-form-wrapper {
	width: 408px; margin-left: 16px; float: right;
}
.site-gate-form-wrapper .input-wrapper::before {
	line-height: 0; display: table; content: "";
}
.site-gate-form-wrapper .input-wrapper::after {
	line-height: 0; display: table; content: "";
}
.site-gate-form-wrapper .input-wrapper::after {
	clear: both;
}
.site-gate-form-wrapper .originconnect-status {
	margin: 16px 0px; padding: 27px 20px; width: 282px; display: none; position: absolute; z-index: 1; opacity: 0; background-color: rgb(26, 26, 26); -webkit-transition: opacity 0.2s ease-in;
}
.site-gate-form-wrapper .originconnect-working {
	background-position: 0px 50%; line-height: 22px; padding-left: 35px; font-size: 14px; font-weight: bold; background-image: url("../originconnect/loading_blue.gif"); background-repeat: no-repeat;
}
.site-gate-form-wrapper .originconnect-error {
	background-position: 0px 50%; line-height: 22px; padding-left: 35px; font-size: 14px; font-weight: bold; background-image: url("../originconnect/loading_blue.gif"); background-repeat: no-repeat;
}
.site-gate-form-wrapper .originconnect-error {
	display: none;
}
.site-gate-form-wrapper .originconnect-fallback {
	overflow: hidden; max-height: 250px; -webkit-transition: max-height 0.2s ease-in;
}
.site-gate-form-wrapper .originconnect-error .originconnect-status {
	background-image: url("../originconnect/originicon.png");
}
.site-gate-form-wrapper .gate-form-checkbox label {
	padding-top: 1px; font-size: 13px; float: left;
}
.site-gate-form-wrapper .gate-login-form-submit-wrapper {
	text-align: right; padding-top: 5px;
}
.site-gate-form-wrapper .gate-login-form-extra {
	margin-top: 2px;
}
.site-gate-form-wrapper .gate-login-form-extra a {
	color: rgb(138, 138, 138); font-size: 12px; font-weight: normal; margin-right: 8px;
}
.site-gate-form-wrapper label.gate-form-input-wrapper.placeholder {
	background: rgb(255, 255, 255); width: 200px; height: 30px; margin-bottom: 5px; float: left; display: block; position: relative;
}
.site-gate-form-wrapper label.omega.gate-form-input-wrapper.placeholder {
	margin-left: 8px;
}
.site-gate-form-wrapper label.gate-form-input-wrapper.placeholder span {
	transition:1s ease-out; left: 12px; top: 0px; color: rgb(137, 137, 137); line-height: 30px; font-size: 14px; position: absolute; z-index: 0; cursor: text; opacity: 1; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;
}
.site-gate-form-wrapper label:not(.filled).placeholder input:focus + span {
	transition:linear; opacity: 0.5; -webkit-transition: all 0 linear; -moz-transition: all 0 linear;
}
.site-gate-form-wrapper label.filled.placeholder span {
	transition:linear; opacity: 0; -webkit-transition: all 0 linear; -moz-transition: all 0 linear;
}
.site-gate-form-wrapper label.placeholder input {
	background: none; padding: 5px 12px; outline: 0px; border: 0px currentColor; border-image: none; width: 176px; height: 20px; color: rgb(53, 53, 53); line-height: 20px; font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; position: relative; z-index: 1;
}
.site-gate-form-wrapper #gate-login-form-info {
	padding-top: 8px;
}
.site-gate-form-wrapper .gate-login-form-info-status {
	line-height: 22px; font-size: 16px; font-weight: bold;
}
.site-gate-form-wrapper .gate-login-form-info-secondary {
	line-height: 22px; font-size: 14px; font-weight: normal;
}
.site-gate-form-wrapper .gate-login-form-info-action-button {
	margin-top: 15px; min-width: 106px;
}
.site-gate-form-wrapper .gate-login-errormsg {
	color: rgb(218, 48, 48); font-size: 16px; font-weight: bold; margin-bottom: 16px;
}
.site-gate-form-wrapper .gate-login-errormsg a {
	font-size: 16px; font-weight: bold;
}
.site-gate-form-wrapper .gate-login-queue {
	display: none;
}
.site-gate-form-wrapper .show.gate-login-queue {
	padding-bottom: 2px; font-size: 14px; display: block;
}
.site-gate-form-wrapper table.gate-login-possible {
	margin: 0px; padding: 0px; width: 100%;
}
.site-gate-form-wrapper table.gate-login-possible tr td {
	vertical-align: top;
}
#base-bf4-html #site-gate .header-headline {
	padding: 6px 12px; font-family: Purista, sans-serif; font-style: normal; font-weight: 600; background-color: rgba(7, 7, 7, 0.6);
}
#base-bf4-html #site-gate .logo {
	height: 185px; background-image: url("//eaassets-a.akamaihd.net/battlelog/bb/bf4/logos/bf4-logo-large-37d340cd.png");
}
#base-bf4-html #site-gate .site-gate-footer {
	background: rgba(7, 7, 7, 0.5); margin-bottom: 16px;
}
#base-bf4-html #site-gate .show-form.site-gate-footer .gate-actions .btn-get-game {
	float: left;
}
#base-bf4-html #site-gate .gate-actions .btn-login {
	font-family: Purista, sans-serif; font-style: normal; font-weight: 400; float: right;
}
#base-bf4-html #site-gate .gate-actions .btn-get-game {
	font-family: Purista, sans-serif; font-style: normal; font-weight: 400; float: right;
}
#base-bf4-html #site-gate .gate-actions .btn-get-game {
	overflow: visible; padding-left: 86px; font-size: 19px; position: relative;
}
#base-bf4-html #site-gate .gate-actions .btn-get-game .game-stack {
	background: url("../main/warsaw/loggedout/getbf-stack.png") no-repeat; left: 8px; top: -15px; width: 68px; height: 81px; position: absolute;
}
#base-bf4-html #site-gate .base-game-selector .game-box {
	width: 228px;
}
#base-bf4-html .site-gate-form-wrapper .originconnect-status {
	color: rgb(255, 255, 255);
}
#base-bf4-html .site-gate-form-wrapper .gate-login-form-info-status {
	color: rgb(255, 255, 255);
}
#base-bf4-html .site-gate-form-wrapper .gate-login-form-info-secondary {
	color: rgb(168, 168, 168);
}
#base-bf4-html .site-gate-form-wrapper .gate-login-queue {
	color: rgb(168, 168, 168);
}
#base-bf4-html .site-gate-form-wrapper .gate-form-checkbox label {
	color: rgb(168, 168, 168);
}
.main-404-wrapper {
	margin: 0px auto; width: 992px; color: rgb(0, 0, 0); line-height: 40px; padding-top: 20px; font-size: 30px; position: relative;
}
.main-404-text {
	color: rgb(103, 103, 103); padding-top: 25px; padding-left: 16px; float: left;
}
.main-404-text p {
	line-height: 16px; font-size: 14px;
}
.main-404-text h1 {
	font-size: 30px; font-weight: bold;
}
.main-404-text h3 {
	font-size: 14px; font-weight: bold;
}
.main-404-text ul {
	margin: 10px 0px; padding: 0px; list-style-type: none;
}
.main-404-text a {
	font-size: 14px;
}
.main-404-text ul a {
	font-weight: normal;
}
.main-404-text li {
	background: url("../base/shared/li-image.png") no-repeat 0px 18px; line-height: 28px; padding-left: 10px;
}
.main-is-online {
	color: rgb(109, 109, 109); font-size: 12px;
}
.main-splashinfo-fader-content {
	top: 70px; position: relative;
}
.main-splashinfo-fader-content h1 {
	color: rgb(0, 0, 0); font-size: 55px; position: relative; text-shadow: 0px 1px 0px #fff;
}
.main-splashinfo-fader-content h2 {
	line-height: 125%; font-size: 22px; font-weight: normal; margin-top: 20px; position: relative; text-shadow: 0px 1px 0px #fff;
}
.main-splashbar {
	background: url("../main/bfbc2/splashbar.png") repeat-x; width: 100%; height: 89px; bottom: 0px; position: absolute; z-index: 4;
}
#main-middle {
	width: 1024px; overflow: hidden; padding-bottom: 20px; position: relative; background-color: rgb(244, 244, 244);
}
.base-content-full-width #main-middle {
	background: url("//d34ymitoc1pg7m.cloudfront.net/common/backgrounds/light-bg-26fc61c7.jpg") no-repeat top rgb(244, 244, 244); width: auto;
}
.mainloggedin-middle {
	background: url("../base/bfbc2/middle-background_column_left.jpg") no-repeat top white; width: 100%; position: relative;
}
#main-content {
	margin: 0px auto; width: 992px; padding-top: 16px; position: relative;
}
.main-login-register-area {
	margin: 0px auto; width: 654px; position: relative;
}
.main-login-area {
	margin: 0px auto; width: 654px; position: relative;
}
.main-login-register-area {
	padding-bottom: 20px;
}
.main-login-register-area a {
	font-weight: normal;
}
.main-login-area a {
	font-weight: normal;
}
.main-register-area h1 {
	text-align: center; margin-bottom: 16px; float: none;
}
.main-register-area .registration-buttons {
	width: 195px;
}
.main-register-area main-login-register-title {
	padding: 5px 0px 16px;
}
.main-login .main-login-floating-image {
	right: -110px; bottom: 0px; position: absolute; z-index: 2;
}
.main-login-area form {
	margin: 10px auto 0px; width: 310px; text-align: left; position: relative;
}
.main-login-register-title {
	margin: 0px auto; padding: 22px 0px; width: 614px; position: relative;
}
.main-login-register-description {
	margin: 0px auto; padding: 15px 0px; width: 614px; font-size: 12px; position: relative;
}
.main-login-register-title h1 {
	text-align: center; color: rgb(0, 0, 0); font-size: 35px; font-weight: normal; display: block;
}
.main-login-register-title p {
	width: 100%; text-align: center; color: rgb(53, 53, 53); line-height: 17px; font-size: 14px; font-weight: normal; margin-top: 5px;
}
.main-login-register-title p.faded {
	color: rgb(138, 138, 138); font-size: 12px;
}
.main-login-register-subtitle {
	margin: 0px auto; padding: 15px 0px; width: 614px; position: relative;
}
.main-login-register-subtitle h2 {
	text-align: center; color: rgb(102, 102, 102); letter-spacing: 0px; font-family: Arial, sans-serif; font-size: 18px; font-weight: normal;
}
.main-login-register-closed p {
	padding: 0px 20px 20px; text-align: center; color: rgb(102, 102, 102); line-height: 22px; letter-spacing: 0px; font-family: Arial, sans-serif; font-size: 14px; font-weight: normal;
}
.main-login-register-closed a {
	font-size: 14px;
}
#main-eyecatcher {
	width: 438px; height: 393px; float: left;
}
.main-login-button {
	background: url("../base/shared/button_login.png"); border: 0px currentColor; border-image: none; width: 195px; height: 42px; text-align: left; color: rgb(255, 255, 255); line-height: 42px; padding-left: 45px; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; margin-bottom: 15px; float: left; cursor: pointer;
}
.main-login-persist {
	text-align: left; color: rgb(102, 102, 102); font-size: 12px; margin-top: 9px; float: left;
}
.main-login-persist input[type='checkbox'] {
	margin-left: 0px;
}
#main-login-pleasewait {
	color: rgb(102, 102, 102); font-size: 12px;
}
.main-login-links {
	margin-top: 11px;
}
.main-login-links ul {
	list-style: none;
}
.main-login-links ul li {
	margin: 0px; font-size: 12px;
}
#main-login-ajax-loader {
	top: 12px; right: 0px; display: none; position: absolute;
}
#main-splashinfo h1.main-header {
	width: 500px; letter-spacing: -1.5px; clear: both; font-family: Arial, sans-serif; font-size: 60px; font-weight: bold;
}
#main-splashinfo h2.main-header {
	width: 500px; line-height: 36px; letter-spacing: -1px; clear: both; font-family: Arial, sans-serif; font-size: 30px; font-weight: normal; margin-top: 20px;
}
#main-findserver {
	width: 335px; height: 62px; line-height: 62px; margin-top: 40px; position: relative;
}
.single-column {
	width: 318px; height: 255px; margin-right: 18px; float: left;
}
.single-column-last {
	margin-right: 0px;
}
.single-column-height {
	height: 276px;
}
.single-column-first.single-column {
	margin-left: 0px;
}
.single-column-header {
	width: 320px; height: 38px;
}
.main-twitter-column ul li.main-last-li {
	color: rgb(107, 107, 107); font-size: 12px; font-weight: bold; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.main-twitter-column ul li.main-last-li div {
	margin-left: 23px;
}
.main-twitter-column ul li.main-last-li a {
	font-weight: bold; text-decoration: none;
}
.main-twitter-column p.main-no-tweets {
	margin: 0px 23px 13px; padding-top: 13px; font-size: 12px;
}
.main-singlecolumn-footer {
	margin: 0px 14px; left: 0px; width: 290px; height: 41px; bottom: 0px; border-top-color: rgb(237, 237, 237); border-top-width: 1px; border-top-style: solid; position: absolute;
}
.main-singlecolumn-footertext {
	text-align: center; color: rgb(107, 107, 107); line-height: 39px; font-size: 12px;
}
.main-blogpublishdate {
	margin: 0px 23px 8px; font-size: 11px;
}
.main-blogpublishdate a {
	text-decoration: none;
}
.main-poll-title {
	padding-top: 13px;
}
.main-poll-title h4 {
	color: rgb(53, 53, 53); line-height: 1.3; font-size: 12px; font-weight: normal;
}
.feed-livefeed-avatar {
	padding-top: 10px; padding-bottom: 6px;
}
.main-login-text {
	text-align: right; color: rgb(53, 53, 53); font-size: 14px; font-weight: bold; margin-right: 20px; float: left;
}
.main-login-text div {
	height: 43px; line-height: 26px; margin-top: 10px; position: relative;
}
.main-login-input-wrapper {
	background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(171, 171, 171) rgb(204, 204, 204) rgb(204, 204, 204); border-image: none; margin-bottom: 5px; float: left; position: relative;
}
.main-login-input-wrapper span {
	left: 13px; top: 7px; color: rgb(167, 167, 167); font-size: 18px; position: absolute; z-index: 0; cursor: text;
}
.main-login-input-wrapper input {
	margin: 0px; padding: 0px 12px; border: currentColor; border-image: none; width: 284px; height: 32px; color: rgb(53, 53, 53); font-family: Arial, sans-serif; font-size: 18px;
}
.register-container .main-login-text div #personaId {
	margin-top: 10px; float: left;
}
.main-poll-novoting {
	line-height: 1.2; font-size: 14px; font-weight: bold;
}
.main-poll-voted-spacer {
	height: 20px;
}
.main-poll-totalvotes {
	margin: 10px 0px; font-size: 12px;
}
.main-poll-notloggedin {
	margin: 10px 0px; font-size: 12px;
}
.main-poll-totalvotes {
	color: rgb(53, 53, 53); padding-bottom: 15px; font-size: 11px; margin-top: 15px;
}
#main-poll-form {
	margin: 0px 15px;
}
#main-poll-form input[type=submit] {
	margin: 20px 0px 0px; border: 0px currentColor; border-image: none;
}
#main-poll-form .main-poll-answer {
	margin: 2px 0px; clear: both;
}
.main-poll-answertitle {
	margin: 6px 0px; width: 288px; color: rgb(53, 53, 53); overflow: hidden;
}
.main-poll-answertitle div.text-answer {
	width: 248px; font-size: 12px; font-weight: bold; float: left;
}
.main-poll-answertitle div.answer-percentage {
	width: 40px; text-align: right; clear: right; font-size: 12px; font-weight: normal; float: left;
}
#main-poll-form .main-poll-answer label {
	font-size: 12px; font-weight: bold;
}
#main-poll-form .main-pollanswer-radio {
	margin: 10px 10px 0px 0px;
}
#main-loggedin-top {
	width: 992px; height: 324px;
}
.main-index-container {
	top: -15px; width: 100%; overflow: auto; clear: both; position: relative;
}
.main-loggedin-container {
	margin: 0px auto; width: 520px; padding-top: 30px;
}
.main-loggedin-submit {
	margin-top: 5px; float: right; position: relative;
}
#main-loggedin-newsletter {
	background: url("../main/bfbc2/newsletter.png"); width: 320px; height: 203px; margin-top: 16px; margin-left: 16px; float: right; position: relative;
}
#main-loggedin-newsletter #main-newsletter-signup {
	left: 190px; top: 103px; position: absolute;
}
#main-loggedin-newsletter #main-newsletter-view {
	left: 190px; top: 145px; position: absolute;
}
#main-loggedin-newsletter #main-newsletter-signup a {
	color: rgb(248, 248, 248); font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none;
}
#main-loggedin-newsletter #main-newsletter-view a {
	color: rgb(248, 248, 248); line-height: 12px; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;
}
#main-loggedin-newsletter #main-newsletter-view a:hover {
	color: rgb(230, 159, 31);
}
#main-loggedin-newsletter #main-newsletter-signup a:hover {
	color: rgb(230, 159, 31);
}
#main-loggedin-content {
	width: 992px;
}
.main-loggedin-playnow-desc {
	padding: 12px 0px 6px; color: rgb(53, 53, 53); font-size: 11px;
}
.main-loggedin-playnow-desc a {
	font-size: 11px; font-weight: normal;
}
.main-loggedin-award {
	height: 58px; clear: both;
}
.main-loggedin-award-img {
	width: 110px; text-align: center; float: left;
}
.main-loggedin-award-info {
	width: 210px; float: left;
}
.main-loggedin-award-progress {
	padding-bottom: 3px; font-size: 12px;
}
.main-loggedin-awarditem-progress {
	left: 1px; top: 1px; height: 5px; position: relative; background-color: rgb(39, 40, 41);
}
.main-loggedin-award-title {
	padding-top: 5px; padding-bottom: 5px;
}
.main-loggedin-award-desc {
	color: rgb(138, 138, 138); line-height: 1.2; font-size: 11px;
}
.main-splashbar-container {
	margin: 0px auto; width: 992px; position: relative;
}
.main-splashbar-signup {
	top: 19px; right: 0px; position: absolute;
}
.main-splashbar-info {
	margin-top: 16px; margin-right: 70px; float: left;
}
.main-splashbar-info-text {
	color: rgb(204, 204, 204); font-size: 14px; font-weight: bold; margin-bottom: 8px; text-shadow: 0px 1px #000;
}
.main-splashbar-info-amount {
	color: rgb(254, 254, 254); font-size: 35px; text-shadow: 0px 1px #000;
}
#main-loggedin-leftcolumn {
	width: 320px; padding-bottom: 230px; margin-top: 0px; margin-left: 16px; float: right;
}
#main-loggedin-leftcolumn h3 {
	color: rgb(53, 53, 53); line-height: 15px; font-family: Tahoma, sans-serif; font-size: 12px; font-weight: bold; margin-bottom: 6px;
}
#main-loggedin-leftcolumn h3.grey {
	color: rgb(138, 138, 138); text-transform: uppercase; font-size: 11px;
}
#main-loggedin-leftcolumn .advirticement {
	margin: 12px 0px;
}
.main-loggedin-leftcolumn-active-console-friends {
	padding-top: 10px;
}
.main-loggedin-leftcolumn-active-console-friend-avatars {
	height: 36px;
}
.main-loggedin-leftcolumn-active-console-friend-avatar {
	width: 36px; height: 36px; margin-right: 5px; float: left;
}
.main-loggedin-leftcolumn-active-soldier {
	margin-bottom: 9px; border-bottom-color: rgb(252, 252, 252); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.main-loggedin-leftcolumn-active-soldier-inner {
	height: auto; border-bottom-color: rgb(232, 232, 232); border-bottom-width: 2px; border-bottom-style: solid; min-height: 144px;
}
.main-loggedin-leftcolumn-active-soldier-name {
	left: 83px; top: 30px; line-height: 20px; font-size: 16px; font-weight: bold; position: absolute;
}
.main-loggedin-leftcolumn-active-soldier-info {
	left: 83px; top: 50px; color: rgb(138, 138, 138); line-height: 20px; font-size: 12px; position: absolute;
}
.main-loggedin-leftcolumn-active-soldier-info-platform {
	padding-top: 4px; padding-right: 3px; float: left;
}
.main-loggedin-leftcolumn-active-soldier-info a {
	font-size: 12px; font-weight: normal;
}
.main-loggedin-leftcolumn-active-soldier-rank {
	background: url("../main/sidebar_separator_texture.png") no-repeat left bottom; left: 0px; width: 100%; height: 128px; bottom: 1px; position: absolute;
}
.main-loggedin-leftcolumn-active-soldier-link {
	left: 0px; bottom: 0px; position: absolute;
}
.bf3-char.main-loggedin-leftcolumn-active-soldier-rank-char-image {
	background: url("../profile/kits/m/bf3-us-assault.png") no-repeat bottom;
}
.main-loggedin-leftcolumn-ad {
	margin-top: 14px; margin-bottom: 6px;
}
.main-loggedin-leftcolumn-ad-inner {
	padding: 8px;
}
.main-loggedin-leftcolumn-ad-inner img {
	display: block;
}
#main-loggedin-maincolumn {
	width: 656px; margin-top: 0px; float: right;
}
.main-loggedin-awarditem-progress-container {
	background: rgb(202, 202, 202); padding: 1px; width: 206px; height: 7px; overflow: hidden;
}
.main-loggedin-awarditem-progress-container-inner {
	background: rgb(255, 255, 255); width: 100%; height: 7px;
}
#main-loggedin-next-awards {
	clear: both;
}
#main-loggedin-your-targets {
	clear: both;
}
#main-loggedin-feed-container {
	background: rgb(252, 252, 251); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(215, 216, 216) rgb(215, 216, 216); border-image: none;
}
#main-loggedin-createsoldier-container {
	background: rgb(252, 252, 251); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(215, 216, 216) rgb(215, 216, 216); padding: 13px; border-image: none; line-height: 16px; font-size: 12px;
}
#main-loggedin-feed {
	margin-top: 1px; position: relative;
}
#main-loggedin-feed .facebook-cta {
	background: url("../facebook/icon-fb-m.png") no-repeat 16px rgba(7, 7, 7, 0.6); color: rgb(168, 168, 168); line-height: 18px; padding-right: 100px; padding-left: 56px; font-size: 14px; position: relative;
}
#main-loggedin-feed .facebook-cta b {
	color: rgb(255, 255, 255); cursor: pointer;
}
#main-loggedin-feed .facebook-cta b:hover {
	text-decoration: underline;
}
#main-loggedin-feed .facebook-cta .close {
	background: url("../unifiedgamemanager/close@2x.png") 0% 0% / 100%; top: 26px; width: 16px; height: 16px; right: 16px; display: block; position: absolute; cursor: pointer;
}
#main-loggedin-wb-avatar {
	left: 0px; top: 15px; position: absolute;
}
#main-loggedin-wb-info {
	float: left;
}
.main-loggedin-wb-info-icon {
	background: url("../main/singedinicons.png"); width: 27px; height: 25px; float: left; position: relative; cursor: pointer;
}
.main-loggedin-wb-info-icon:hover {
	background-position: -36px 0px;
}
.main-loggedin-icon-new {
	background: rgb(0, 0, 0); padding: 0px 3px; top: 0px; height: 14px; right: 2px; color: rgb(245, 169, 5); line-height: 14px; font-size: 11px; display: none; position: absolute; text-shadow: none;
}
.main-loggedin-wb-info-icon-divider {
	background: url("../main/singedinicons-divider.png"); width: 1px; height: 25px; float: left;
}
#main-loggedin-activesoldier {
	background: url("../main/bfbc2/activesoldier.png") no-repeat left bottom; left: 340px; top: 0px; width: 200px; height: 90px; position: absolute;
}
#main-loggedin-activesoldier-header {
	left: 70px; top: 30px; color: rgb(138, 138, 138); font-family: Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; position: relative;
}
#main-loggedin-activesoldier-link {
	left: -72px; top: -28px; width: 61px; height: 87px; position: absolute;
}
#main-loggedin-activesoldier-header a {
	line-height: 20px; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold;
}
#main-loggedin-activesoldier-game {
	width: 30px; margin-top: 0px;
}
#main-loggedin-wb-info-icon-inbox {
	top: 47px; margin-left: 65px; position: relative;
}
#main-loggedin-wb-info-icon-gameupdates {
	top: 47px; margin-left: 2px; position: relative;
}
#main-loggedin-wb-info-icon-notifications {
	top: 47px; margin-left: 0px; position: relative;
}
.unread#main-loggedin-wb-info-icon-inbox {
	background-position: 36px 0px;
}
.unread#main-loggedin-wb-info-icon-notifications .main-loggedin-icon-new {
	display: block;
}
.unread#main-loggedin-wb-info-icon-inbox .main-loggedin-icon-new {
	display: block;
}
#main-loggedin-wb-info-icon-gameupdates {
	background-position: 0px 50px; margin-left: 2px; position: relative;
}
#main-loggedin-wb-info-icon-gameupdates:hover {
	background-position: -36px 50px;
}
.unread#main-loggedin-wb-info-icon-gameupdates {
	background-position: 36px 50px;
}
#main-loggedin-wb-info-icon-notifications {
	background-position: 0px 25px; margin-left: 65px; position: relative;
}
#main-loggedin-wb-info-icon-notifications:hover {
	background-position: -36px 25px;
}
.unread#main-loggedin-wb-info-icon-notifications {
	background-position: 36px 25px;
}
#main-loggedin-wb-info {
	margin-top: 8px; margin-left: 20px;
}
#main-loggedin-wb-username {
	left: 72px; top: 27px; font-family: Arial, sans-serif; font-size: 16px; position: absolute;
}
#main-loggedin-wb-container {
	margin: 0px auto; top: 0px; width: 992px; height: 92px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
#main-loggedin-wb-bottomline {
	left: 0px; width: 100%; height: 3px; bottom: 0px; border-bottom-color: rgb(192, 192, 192); border-bottom-width: 2px; border-bottom-style: solid; position: absolute; opacity: 0.2;
}
#main-loggedin-singlecolumns {
	margin: 0px 16px 60px; clear: left;
}
#main-loggedin-singlecolumns .single-column {
	margin: 0px 0px 16px 18px;
}
#main-loggedin-singlecolumns :first-child.single-column {
	margin-left: 0px;
}
.adbox {
	height: 352px;
}
.adbox .box-content {
	background: url("../main/warsaw/soldier-box.jpg") no-repeat; text-align: center; position: relative;
}
.adbox .btn {
	margin-top: 300px;
}
#main-loggedin-friends {
	width: 100%; position: relative;
}
.profile-clean-heading {
	background: url("../base/bfbc2/loggedin-clean-heading.png") no-repeat left top; padding-top: 8px; padding-bottom: 4px; border-top-color: rgb(224, 223, 223); border-top-width: 0px; border-top-style: solid;
}
.main-loggedin-clean-heading {
	background: url("../base/bfbc2/loggedin-clean-heading.png") no-repeat left top; padding-top: 8px; padding-bottom: 4px; border-top-color: rgb(224, 223, 223); border-top-width: 0px; border-top-style: solid;
}
#main-loggedin-friends .main-loggedin-clean-heading {
	background: none;
}
.main-loggedin-clean-heading {
	color: rgb(53, 53, 53); font-family: Tahoma, Arial, sans-serif; font-size: 12px; font-weight: bold;
}
.main-loggedin-clean-heading h1 {
	font-family: Tahoma, sans-serif;
}
.main-loggedin-heading {
	background: url("../base/bfbc2/header_x1.png"); width: 100%; height: 38px; text-transform: uppercase; position: relative;
}
.main-loggedin-heading h1 {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 38px; font-size: 17px; margin-left: 16px; text-shadow: 0px 1px #000;
}
#main-loggedin-content #feed-container {
	width: 620px;
}
#main-loggedin-content .feed-container-empty {
	padding: 10px; text-align: center;
}
#main-loggedin-content .feed-container-empty span {
	color: rgb(53, 53, 53); padding-bottom: 10px; font-size: 14px; display: block;
}
#main-loggedin-content .feed-container-empty a {
	font-size: 14px; font-weight: bold;
}
#main-trailer-splash-content {
	margin: auto; width: 660px; height: 405px; display: none; position: relative; z-index: 210;
}
#main-trailer-splash-darkbox {
	left: 0px; top: -30px; width: 100%; height: 1000px; display: none; position: absolute; z-index: 200; opacity: 0.95; background-color: rgb(21, 21, 21);
}
#main-trailer-thumbnail {
	margin: 0px auto; top: 315px; width: 992px; position: relative; z-index: 190; cursor: pointer;
}
#main-trailer-thumbnail-img {
	margin: 0px 0px 5px;
}
#main-trailer-caption {
	margin: auto auto auto 5px; bottom: -20px; color: rgb(53, 53, 53); text-transform: uppercase; font-size: 14px; font-weight: bold; position: absolute; text-shadow: 0px 1px 0px #fff;
}
#main-trailer-caption:hover {
	color: rgb(48, 141, 191); text-decoration: underline;
}
#main-live-userbar {
	width: 100%; bottom: 0px; margin-top: 20px; position: relative;
}
#loginFeed {
	margin: 110px auto auto; width: 992px; position: relative; z-index: 2;
}
.main-latest-logged-in-players {
	color: rgb(168, 168, 168); font-size: 14px; font-weight: bold;
}
.main-splash-separator {
	margin: 15px 0px 10px;
}
.main-all-presence {
	margin: 0px auto 110px; width: 618px;
}
.main-social {
	background: url("../main/all/footer-sociallogos-big.png"); margin: 0px 75px 20px 0px; text-align: center; overflow: hidden; float: left;
}
.main-social-last {
	margin-right: 0px;
}
#main-social-facebook {
	width: 158px; height: 59px;
}
#main-social-facebook:hover {
	background-position: 0px -59px;
}
#main-social-twitter {
	background-position: 0px -118px; width: 167px; height: 39px; margin-top: 12px;
}
#main-social-twitter:hover {
	background-position: 0px -157px;
}
#main-social-youtube {
	background-position: 0px -196px; width: 127px; height: 53px;
}
#main-social-youtube:hover {
	background-position: 0px -249px;
}
.main-social-a {
	left: 0px; top: 50px; padding-top: 80px; position: relative;
}
#main-social-a-twitter {
	top: 38px; padding-top: 68px;
}
#main-moh {
	top: -20px; position: relative;
}
#loginfeed-avatars {
	padding: 5px; width: 989px; height: 32px; overflow: hidden; margin-top: 5px; background-color: rgb(243, 243, 243);
}
#loginfeed-avatars-container {
	left: 0px; width: 1200px; white-space: nowrap; position: relative;
}
#loginfeed-avatars .base-avatar-container {
	margin: 0px 7px 0px 0px; float: left;
}
.main-trailer-vietnam {
	display: none;
}
#main-loggedin-top {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/backgrounds/loggedin-top-6f944a4b.png") repeat-x; width: 100%; height: 151px; position: relative;
}
.main-campaign {
	width: 320px; height: 100%; float: left; position: relative;
}
.main-campaign-label {
	background: url("../main/bf3/shade.png"); top: 5px; width: 113px; height: 29px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 29px; font-size: 14px; font-weight: bold; position: absolute; text-shadow: 0px 1px 0px #000;
}
.main-multiplayer-info {
	margin: 10px; color: rgb(255, 255, 255); line-height: 2.4; font-size: 11px; float: left; position: relative;
}
.main-campaign-info {
	margin: 10px; color: rgb(255, 255, 255); line-height: 2.4; font-size: 11px; float: left; position: relative;
}
.main-campaign-launch {
	margin-top: 10px; margin-right: 10px; float: right; position: relative;
}
.main-coop {
	width: 352px; height: 100%; float: left; position: relative;
}
.main-multiplayer {
	width: 320px; height: 100%; float: left; position: relative;
}
.main-multiplayer-label {
	background: url("../main/bf3/shade.png"); top: 5px; width: 145px; height: 29px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 29px; font-size: 14px; font-weight: bold; position: absolute; text-shadow: 0px 1px 0px #000;
}
.main-multiplayer-label span {
	float: left;
}
.main-multiplayer-label img {
	margin: 9px 10px 0px; float: left;
}
.main-multiplayer-info {
	top: 98px; position: relative;
}
.main-multiplayer-launch {
	right: 10px; bottom: 12px; position: absolute;
}
.main-targetsunlocks {
	width: 654px; margin-bottom: 16px; border-top-color: rgb(202, 202, 202); border-bottom-color: rgb(255, 255, 255); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.main-targetsunlocks-inner {
	border: 1px solid rgb(219, 219, 219); border-image: none; padding-bottom: 13px; position: relative; background-color: rgb(231, 231, 231);
}
.main-targetsunlocks-container-left {
	width: 309px; float: left; position: relative;
}
.main-targetsunlocks-container-right {
	width: 309px; float: left; position: relative;
}
.main-targetsunlocks-container-left {
	left: 15px;
}
.main-targetsunlocks-container-right {
	margin-right: 14px; float: right;
}
.main-targetsunlocks-box-wrapper {
	margin-top: 9px;
}
.main-targetsunlocks-box {
	margin: 0px 10px 10px 0px; width: 100px; height: 65px; float: left; position: relative; background-color: rgb(223, 223, 223);
}
.last.main-targetsunlocks-box {
	margin-right: 0px;
}
.main-targetstaken-closeform {
	display: none;
}
.main-targetsunlocks-box:hover .main-targetstaken-closeform {
	display: block;
}
.main-targetsunlocks-box-title {
	color: rgb(138, 138, 138); font-size: 10px;
}
.taken.main-targetsunlocks-box {
	background: rgb(176, 211, 121);
}
.main-targetsunlocks-target {
	height: 35px; color: rgb(53, 53, 53); line-height: 35px; font-family: Tahoma, Arial, sans-serif; font-size: 12px; font-weight: bold; position: relative;
}
.main-targetsunlocks-upcoming {
	height: 35px; color: rgb(53, 53, 53); line-height: 35px; font-family: Tahoma, Arial, sans-serif; font-size: 12px; font-weight: bold; position: relative;
}
.main-targetsunlocks-target {
	background: url("../main/all/target.png") no-repeat left; left: 15px; width: 309px; text-indent: 20px; float: left;
}
.main-targetsunlocks-upcoming {
	width: 309px; margin-right: 14px; float: right;
}
.main-targetsunlocks-change {
	line-height: 17px; padding-left: 4px; font-size: 11px; font-weight: normal; position: relative;
}
.main-targetsunlocks-viewall {
	left: 15px; width: 304px; text-align: center; bottom: 10px; font-weight: normal; position: absolute;
}
.main-targetsunlocks-viewall a {
	font-weight: normal;
}
.main-targetsunlocks-progress-container {
	background: rgb(202, 202, 202); padding: 1px; left: 10px; width: 80px; height: 7px; bottom: 6px; overflow: hidden; position: absolute;
}
.main-targetsunlocks-progress-container-inner {
	background: rgb(255, 255, 255); width: 100%; height: 7px;
}
.main-targetsunlocks-progress {
	left: 1px; top: 1px; height: 5px; position: relative; background-color: rgb(39, 40, 41);
}
.main-targetsunlocks-awardtitle {
	left: 10px; width: 130px; height: 16px; text-align: center; bottom: 7px; color: rgb(53, 53, 53); overflow: hidden; font-size: 11px; position: absolute;
}
.main-targetsunlocks-statsimage {
	position: absolute;
}
.main-loggedin-upcomingunlocks {
	width: 100%; position: relative;
}
.main-loggedin-rankbar {
	left: 70px; top: 70px; width: 100%; margin-top: 0px; position: absolute;
}
.main-loggedin-upcomingunlocks {
	left: -10px; clear: both; position: relative; min-height: 65px;
}
.main-loggedin-rankbar a:hover {
	text-decoration: none;
}
.main-loggedin-rankbar-prev {
	margin: 12px 0px 0px; float: left;
}
.main-loggedin-rankbar-next {
	margin: 12px 0px 0px; float: left; opacity: 0.2;
}
.main-loggedin-rankbar-bar {
	width: 131px; font-size: 12px; margin-top: 15px; float: left;
}
.main-loggedin-rankbar-rankName {
	color: rgb(53, 53, 53); line-height: 20px; font-size: 12px;
}
.main-loggedin-rankbar-points {
	text-align: left; color: rgb(138, 138, 138); line-height: 18px; padding-top: 1px; font-size: 11px;
}
.main-loggedin-rankbar-points strong {
	color: rgb(53, 53, 53); font-weight: normal;
}
.main-loggedin-rankbar-barmeter {
	padding: 1px; border: 1px solid rgb(190, 190, 190); border-image: none; width: 129px; height: 7px; background-color: rgb(255, 255, 255);
}
.main-loggedin-rankbar-barmeter div {
	height: 7px; max-width: 100%; background-color: rgb(53, 53, 53);
}
.main-loggedin-campaign-map {
	border: 1px solid rgb(224, 224, 223); border-image: none; width: 66px; height: 46px; float: left;
}
.main-loggedin-campaign-map img {
	margin: 2px; width: 62px; height: 42px;
}
.main-loggedin-campaign-info {
	width: 154px; line-height: 16px; overflow: hidden; margin-left: 6px; float: left;
}
.main-loggedin-campaign-chapter {
	color: rgb(53, 53, 53); font-size: 11px; font-weight: bold;
}
.main-loggedin-campaign-title {
	font-size: 11px;
}
.main-loggedin-campaign-ago {
	color: rgb(138, 138, 138); font-size: 11px;
}
#main-loggedin-campaign {
	margin-top: 14px;
}
#main-loggedin-coop {
	margin-top: 14px;
}
#main-loggedin-multiplayer {
	margin-top: 14px;
}
#main-loggedin-campaign {
	height: 89px;
}
#main-loggedin-coop {
	height: 70px;
}
.main-loggedin-sectiontitle {
	color: rgb(53, 53, 53); text-indent: 5px; font-size: 15px; font-weight: bold; margin-bottom: 6px; text-shadow: 0px 1px #ffffff;
}
.main-loggedin-coop-logo {
	background: url("../campaign/mock-cooplevels.png"); width: 35px; height: 24px; margin-top: 5px; margin-right: 10px; float: left;
}
.main-loggedin-coop-info-text {
	color: rgb(53, 53, 53); font-size: 12px;
}
.main-loggedin-coop-info-friends {
	color: rgb(138, 138, 138); font-size: 11px;
}
.main-loggedin-section-button {
	float: right;
}
.main-loggedin-coop-info {
	width: 188px; line-height: 16px; float: left;
}
.main-loggedin-multiplayer-info {
	width: 240px; margin-top: 6px; float: left;
}
.main-loggedin-multiplayer-title {
	color: rgb(138, 138, 138); font-family: Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold;
}
.main-loggedin-multiplayer-filters {
	color: rgb(138, 138, 138); line-height: 16px; font-size: 11px; margin-top: 6px;
}
.main-loggedin-multiplayer-filters span {
	font-weight: bold;
}
.main-loggedin-multiplayer-filters a {
	font-size: 11px; font-weight: normal;
}
.main-loggedin-server-description {
	color: rgb(138, 138, 138); font-family: tahoma, geneva, arial, sans-serif; font-size: 11px; font-weight: bold; margin-bottom: 12px;
}
.main-loggedin-server-infoarea {
	color: rgb(138, 138, 138); line-height: 16px; font-size: 11px; margin-top: 3px; margin-left: 6px; float: left;
}
.main-loggedin-server {
	clear: left; margin-bottom: 10px;
}
.main-loggedin-server-title a {
	font-size: 11px;
}
.main-loggedin-server-map {
	border: 1px solid rgb(224, 224, 223); border-image: none; width: 66px; height: 46px; float: left;
}
.main-loggedin-server-map img {
	margin: 2px; width: 62px; height: 42px;
}
.main-targetstaken-close {
	background: url("../base/shared/row_icon_chat.png") 0px 26px; border: 0px currentColor; border-image: none; width: 13px; height: 13px; margin-top: 4px; margin-right: 4px; float: right; position: relative; z-index: 2; cursor: pointer;
}
.main-targetstaken-close:hover {
	background-position: 0px 13px;
}
.main-targetunlocks-foundnotargets {
	height: 70px; text-align: center; color: rgb(53, 53, 53); line-height: 70px; font-size: 12px;
}
.main-targetunlocks-pointsneeded {
	left: 28px; top: 88px; width: 102px; text-align: center; color: rgb(138, 138, 138); font-size: 11px; position: absolute;
}
#main-landing {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/backgrounds/landing_bg-41a2381f.jpg") no-repeat 50% 100% white; height: 709px; text-align: center; position: relative;
}
.main-landing-bg-flick {
	background: no-repeat 50% 100%; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
.main-landing-inner {
	margin: 0px auto; width: 992px; height: 100%; text-align: left; position: relative;
}
.main-landing-middle#main-middle {
	padding-top: 62px; position: static;
}
.main-landing-headinfo {
	height: 47px; padding-top: 25px;
}
.main-landing-headinfo table tr td {
	vertical-align: top;
}
.main-landing-headinfo-line {
	width: 100%; height: 1px; margin-top: 24px; background-color: rgb(149, 161, 155);
}
.main-landing-headinfo-title {
	padding: 14px 13px 0px 12px; color: rgb(201, 201, 203); font-family: Arial, sans-serif; font-size: 20px; white-space: nowrap;
}
#main-landing-headinfo-count {
	font-family: Arial, sans-serif; font-size: 47px; white-space: nowrap;
}
.main-landing-header {
	height: 301px; padding-top: 70px; position: relative;
}
.main-landing-header-action-link {
	background: no-repeat 0px 50%; height: 34px; font-family: Arial, sans-serif; font-size: 32px; font-weight: normal; position: absolute;
}
#base-all-body .main-landing-header {
	padding-top: 0px;
}
.main-landing-splashinfo {
	width: 662px; padding-top: 14px; margin-left: 10px; float: left;
}
.main-landing-splashinfo h1 {
	margin: 0px; padding: 0px; color: rgb(255, 255, 255); line-height: 75px; letter-spacing: 0px; font-family: Arial, sans-serif; font-size: 90px; font-weight: normal; text-shadow: 0px 1px 2px #222222;
}
.main-landing-splashinfo h2 {
	margin: 20px 0px 0px; padding: 0px 0px 0px 4px; color: rgb(37, 37, 37); line-height: 32px; letter-spacing: 0px; font-family: Arial, sans-serif; font-size: 32px; font-weight: normal;
}
.main-landing-logo {
	background: url("../main/all/logo.png") no-repeat 50% 20px; width: 320px; height: 270px; float: left;
}
.main-landing-joincontent {
	height: 410px; bottom: -62px; position: absolute; z-index: 4;
}
.main-landing-joincontent-login {
	background: url("../main/all/login_bg.png") no-repeat rgb(34, 34, 34); width: 320px; height: 410px; text-align: center; float: left;
}
.main-landing-joincontent-login-padder {
	padding: 19px 30px;
}
.main-landing-joincontent-login h1 {
	margin: 0px 0px 18px; padding: 0px; color: rgb(255, 255, 255); line-height: 35px; font-family: Arial, sans-serif; font-size: 35px; font-weight: normal;
}
.main-landing-joincontent-login h4 {
	margin: 0px 0px 13px; padding: 0px; color: rgb(210, 210, 210); line-height: 22px; font-size: 14px;
}
.main-landing-joincontent-login-seperator {
	background: url("../main/all/login-or-signup-seperator.png") no-repeat; margin: 32px 0px 28px; width: 260px; height: 14px;
}
.main-landing-joincontent-login-seperator-small {
	margin: 15px 0px 11px; width: 260px; height: 1px; background-color: rgb(45, 45, 45);
}
.main-landing-joincontent-login-form-input {
	height: 30px; margin-bottom: 5px; position: relative; background-color: rgb(79, 79, 79);
}
.main-landing-joincontent-login-form-input label {
	left: 10px; top: 9px; color: rgb(167, 167, 167); font-size: 12px; position: absolute; z-index: 0; cursor: text;
}
.filled.main-landing-joincontent-login-form-input label {
	display: none;
}
.main-landing-joincontent-login-form-input input {
	margin: 0px; padding: 9px 10px 6px !important; border: currentColor; border-image: none; width: 240px; height: 15px; color: rgb(181, 180, 180); line-height: 12px; font-size: 12px; float: left; position: relative; z-index: 1; background-color: transparent;
}
.main-landing-joincontent-login-form-input input:focus {
	
}
.main-landing-login-form-actions {
	margin-top: 10px;
}
.main-landing-login-form-action-remember {
	text-align: left; color: rgb(167, 167, 167); font-size: 11px; margin-top: 4px; float: left;
}
.main-landing-login-form-action-remember input {
	margin-left: 0px;
}
.main-landing-login-form-action-remember label {
	top: -2px;
}
.main-landing-login-action-lostpassword {
	color: rgb(85, 114, 140); font-size: 11px; font-weight: normal;
}
.main-landing-joincontent-pitchboxes {
	width: 672px; float: left;
}
.main-landing-joincontent-pitchboxes-pitch {
	width: 320px; height: 197px; text-align: center; margin-left: 16px; float: left; position: relative;
}
.main-landing-joincontent-pitchboxes-pitch-link {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute;
}
.main-landing-joincontent-pitchbox-bg {
	background: no-repeat; left: 0px; top: -18px; width: 320px; height: 215px; position: absolute; z-index: -1;
}
.main-landing-joincontent-pitchboxes-pitch h1 {
	color: rgb(0, 0, 0); line-height: 32px; font-family: Arial, sans-serif; font-size: 30px; font-weight: normal; margin-top: 131px;
}
.main-landing-joincontent-pitchboxes-pitch-info {
	color: rgb(158, 158, 158); padding-top: 5px; font-size: 12px;
}
.main-landing-joincontent-pitchboxes-pitch-size2 .main-landing-joincontent-pitchboxes-pitch-info {
	padding-top: 7px;
}
.main-landing-liveeventsbox .common-box-title {
	text-align: center;
}
.main-landing-liveeventsbox .common-box-inner {
	padding-bottom: 13px;
}
.main-landing-liveeventsbox .common-box-inner-border {
	height: 322px;
}
.main-landing-stats-separator {
	height: 2px; margin-bottom: 15px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(231, 231, 231);
}
.main-landing-stats {
	margin-bottom: 24px;
}
.main-landing-stats table {
	width: 100%; height: 78px;
}
.main-landing-stats h1 {
	margin: 14px 0px 8px 11px; padding: 0px; color: rgb(171, 171, 171); font-family: Tahoma, Arial, sans-serif; font-size: 11px;
}
.main-landing-stats-stat {
	margin: 0px 0px 0px 11px; padding: 0px; color: rgb(135, 135, 135); font-family: Arial, sans-serif; font-size: 35px;
}
.main-landing-stats-icon-kills {
	background: url("../main/stats-kills.png") no-repeat 0px 6px; width: 71px;
}
.main-landing-stats-icon-users {
	background: url("../main/stats-users.png") no-repeat -6px 5px; width: 68px;
}
.main-landing-stats-icon-time {
	background: url("../main/stats-time.png") no-repeat -7px 8px; width: 65px;
}
.main-landing-stats-icon-dogtags {
	background: url("../main/stats-dogtags.png") no-repeat -23px 0px; width: 49px;
}
.main-landing-loggedin-goto-game {
	margin-top: 8px;
}
.main-landing-loggedin-goto-game-title {
	text-align: left;
}
#main-loggedin-closedbeta p {
	color: rgb(138, 138, 138); line-height: 1.4; font-size: 12px;
}
#main-loggedin-closedbeta a {
	line-height: 1.4; font-size: 12px;
}
.main-targetsunlocks-statsimage-padder {
	width: 25px; height: 30px; float: left;
}
#main-loggedin-friendsuggest {
	margin-top: 16px;
}
#main-loggedin-friendsuggest p {
	color: rgb(53, 53, 53); font-size: 12px; margin-bottom: 16px;
}
#main-loggedin-friendsuggest li {
	margin-bottom: 10px;
}
#main-loggedin-friendsuggest .base-friends-username {
	width: auto; margin-right: 10px; float: left;
}
#main-loggedin-friendsuggest .base-friends-avatar {
	width: auto; margin-right: 10px; float: left;
}
#main-loggedin-friendsuggest .profile-add-friend {
	margin-top: 5px; float: right;
}
.main-about-intro {
	height: 178px; text-align: center;
}
.main-about-intro h1 {
	color: rgb(0, 0, 0); text-transform: uppercase; line-height: 68px; padding-top: 31px; font-family: Arial, sans-serif; font-size: 65px; font-weight: normal;
}
.main-about-intro p {
	color: rgb(53, 53, 53); line-height: 33px; padding-top: 13px; font-family: Arial, sans-serif; font-size: 30px; font-weight: normal;
}
.main-about-feature {
	border-bottom-color: rgb(223, 223, 223); border-bottom-width: 1px; border-bottom-style: solid;
}
.main-about-feature .main-about-feature-info {
	width: 488px; float: left; position: relative;
}
.text-right.main-about-feature .main-about-feature-info {
	float: right;
}
.main-about-feature h2 {
	margin: 43px 0px 0px; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 38px; font-family: Arial, sans-serif; font-size: 35px; font-weight: normal;
}
.main-about-feature img {
	float: right;
}
.text-right.main-about-feature img {
	float: left;
}
.main-about-feature-info-intro {
	margin: 7px 0px 0px; color: rgb(53, 53, 53); line-height: 23px; font-family: Arial, sans-serif; font-size: 20px; font-weight: normal;
}
.main-about-feature .main-about-feature-info-description {
	margin: 10px 0px 0px; color: rgb(119, 119, 119); line-height: 23px; font-size: 16px;
}
.main-about-foot {
	padding: 40px 0px; text-align: center;
}
.main-about-foot-back-home {
	text-transform: uppercase; line-height: 53px; font-family: Arial, sans-serif; font-size: 50px; font-weight: normal; text-decoration: none;
}
.note {
	margin: 20px auto; width: 440px; text-align: center; line-height: 18px; font-size: 12px; font-weight: bold;
}
.main-login-register-area {
	text-align: center; min-height: 500px;
}
.main-forgotpassword-label {
	margin: 18px 10px 0px 0px; width: 110px; text-align: right; font-family: Arial, sans-serif; font-size: 12px; float: left;
}
.main-forgotpassword-input {
	width: 290px; color: rgb(53, 53, 53); padding-top: 10px; padding-bottom: 10px; padding-left: 10px; font-family: Arial, sans-serif; font-size: 18px; margin-bottom: 10px;
}
.main-forgotpassword-submit {
	margin: 10px 0px 0px 120px;
}
.main-loggedin-header {
	border-bottom-color: rgb(252, 252, 252); border-bottom-width: 1px; border-bottom-style: solid;
}
.main-loggedin-header-inner {
	background: rgba(0, 0, 0, 0.03); padding: 16px 16px 0px; height: 226px; border-bottom-color: rgb(223, 223, 223); border-bottom-width: 1px; border-bottom-style: solid;
}
.main-loggedin-header-puffs {
	width: 1024px; margin-bottom: 10px; position: relative;
}
.main-loggedin-header-puff {
	width: 336px; height: 115px; margin-right: 8px; margin-bottom: 8px; float: left; display: block; position: relative;
}
.last.main-loggedin-header-puff {
	margin-right: 0px;
}
.main-loggedin-header-puff:hover .main-loggedin-header-puff-content {
	background: rgba(255, 255, 255, 0.1); cursor: pointer;
}
.disabled.main-loggedin-header-puff:hover .main-loggedin-header-puff-content {
	background: none; cursor: auto;
}
.main-loggedin-header-puff a {
	color: rgb(58, 173, 227); font-weight: normal;
}
#main-loggedin-header-puff-multiplayer-groupjoin:hover {
	color: rgb(255, 197, 0);
}
.main-loggedin-header-puff-overlay {
	position: absolute;
}
.puff-disabled:hover {
	cursor: default;
}
#main-loggedin-header-puff-campaign .main-loggedin-header-puff-background {
	background: url("../main/bf3/boxes/bg-campaign-bf3.jpg") no-repeat;
}
#main-loggedin-header-puff-topstory {
	height: 238px;
}
#main-loggedin-header-puff-topstory a.main-topstory-link {
	display: block;
}
#main-loggedin-header-puff-topstory .main-loggedin-header-puff-background {
	height: 100%; background-image: url("../main/bf3/boxes/bg-story-bf3.jpg"); background-size: auto 100%;
}
#main-loggedin-header-puff-topstory .main-loggedin-header-puff-content {
	height: 100%;
}
#main-loggedin-header-puff-assignments .main-loggedin-header-puff-background {
	background-image: url("../main/bf3/boxes/bg-ass-bf3.jpg");
}
#main-loggedin-header-puff-unlocks .main-loggedin-header-puff-background {
	background-image: url("../main/bf3/boxes/bg-unlocks-bf3.jpg");
}
#main-loggedin-header-puff-loadout .main-loggedin-header-puff-background {
	background-image: url("../main/bf3/boxes/bg-loadout-bf3.jpg");
}
#main-loggedin-header-puff-leaderboard .main-loggedin-header-puff-background {
	background-image: url("../main/bf3/boxes/bg-leaderboards-bf3.jpg");
}
#main-loggedin-header-puff-premium .main-loggedin-header-puff-background {
	background-image: url("../main/bf3/boxes/bg-premium-bf3.jpg");
}
#main-loggedin-header-puff-premium article {
	left: 16px; top: 50px; right: 16px; bottom: 16px; color: rgb(255, 255, 255); display: none; position: absolute;
}
#main-loggedin-header-puff-premium i.icon {
	left: auto; top: auto; right: 90px; bottom: 0px; display: block; position: absolute; z-index: 2;
}
#main-loggedin-header-puff-premium .event {
	right: 57px; bottom: 0px; position: absolute; z-index: 1;
}
#main-loggedin-header-puff-premium h1 {
	width: 185px; line-height: 16px; overflow: hidden; font-family: Arial, sans-serif; font-size: 12px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#main-loggedin-header-puff-premium time {
	color: rgb(138, 138, 138); line-height: 15px; font-family: Arial, sans-serif; font-size: 11px;
}
#main-loggedin-header-puff-premium .bullets {
	left: 14px; bottom: 5px; position: absolute;
}
#main-loggedin-header-puff-premium span {
	color: rgb(79, 84, 90); line-height: 0; letter-spacing: 1px; font-family: Arial, sans-serif; font-size: 32px; -webkit-transition: color 0.2s;
}
#main-loggedin-header-puff-premium span.active {
	color: rgb(207, 207, 207);
}
.main-loggedin-header-puff-background {
	background-position: 50% 20% !important; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; background-repeat: no-repeat; background-size: 100% auto;
}
.main-loggedin-header-puff-background-dark {
	background-position: 50% 20% !important; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; opacity: 0.3; background-image: none; background-attachment: scroll; background-repeat: repeat; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: rgb(0, 0, 0);
}
.main-loggedin-header-puff-overlay {
	background: url("../main/topstory-overlay-home.png") repeat-x left bottom; width: 100%; height: 100%; box-shadow: inset 0px 0px 40px 0px rgba(255,255,255,0.15);
}
#main-loggedin-header-puff-campaign .main-loggedin-header-puff-overlay {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/main/1-overlay-33f290da.png") no-repeat; top: 0px; width: 191px; height: 210px; right: 0px;
}
#main-loggedin-header-puff-coop .main-loggedin-header-puff-background {
	background: url("../main/bf3/boxes/bg-coop-bf3.jpg") no-repeat;
}
#main-loggedin-header-puff-fireteams .main-loggedin-header-puff-background {
	background: url("../main/mohw/boxes/bg-fireteams-mohw.jpg") no-repeat;
}
#main-loggedin-header-puff-coop .main-loggedin-header-puff-overlay {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/main/2-overlay-b4788212.png") no-repeat; left: 197px; top: 0px; width: 193px; height: 228px;
}
#main-loggedin-header-puff-coop .disabled.main-loggedin-header-puff-overlay {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/main/2-overlay-inactive-b27f122e.png") no-repeat;
}
#main-loggedin-header-puff-multiplayer .main-loggedin-header-puff-background {
	background: url("../main/bf3/boxes/bg-multi-bf3.jpg") no-repeat;
}
#main-loggedin-header-puff-multiplayer .main-loggedin-header-puff-overlay {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/main/3-overlay-eef017b9.png") no-repeat; left: 182px; top: 109px; width: 148px; height: 118px;
}
#main-loggedin-header-puff-buygame {
	width: 680px; height: 238px; margin-right: 0px;
}
#main-loggedin-header-puff-buygame .pitch {
	left: 30px; bottom: 25px; position: absolute;
}
#main-loggedin-header-puff-buygame h1 {
	text-transform: uppercase; font-family: Arial, sans-serif; font-weight: bold;
}
#main-loggedin-header-puff-buygame h3 {
	text-transform: uppercase; font-family: Arial, sans-serif; font-weight: bold;
}
#main-loggedin-header-puff-buygame h1 {
	color: rgb(255, 197, 0); line-height: 1; font-size: 24px;
}
#main-loggedin-header-puff-buygame h3 {
	color: rgb(255, 255, 255); line-height: 1.9; font-size: 14px; text-shadow: 1px 1px 6px rgba(0,0,0,0.8);
}
#main-loggedin-header-puff-buygame .player {
	background: rgb(0, 0, 0); top: 27px; width: 288px; height: 186px; right: 27px; position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
#main-loggedin-header-puff-buygame .video {
	background: rgb(0, 0, 0); display: none;
}
#main-loggedin-header-puff-buygame iframe {
	display: none;
}
#main-loggedin-header-puff-buygame .player .borders {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 2; pointer-events: none; box-shadow: inset 0px 0px 1px 2px rgba(255,255,255,0.3);
}
#main-loggedin-header-puff-buygame .player .mediabutton {
	background: url("../main/icon-play-m.png") no-repeat 0px 0px; margin: -36px 0px 0px -36px; left: 50%; top: 50%; width: 72px; height: 73px; display: none; position: absolute; z-index: 2; cursor: pointer;
}
#main-loggedin-header-puff-buygame .player:hover .mediabutton {
	background-position: 0px -72px;
}
#main-loggedin-header-puff-buygame .common-title {
	line-height: 35px; font-size: 22px;
}
.main-loggedin-header-puff-content {
	transition:background 0.5s; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; text-shadow: 1px 1px 3px black; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -o-transition: background 0.5s ease;
}
.main-loggedin-header-puff-content h2 {
	padding: 3px 0px 0px 16px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1; overflow: hidden; text-shadow: 0px 1px 3px #000;
}
.main-loggedin-header-puff-info {
	left: 16px; top: 50px; width: 288px; position: absolute;
}
.main-loggedin-header-puff-info-title {
	color: rgb(195, 195, 195); text-transform: uppercase; line-height: 15px; padding-top: 1px; font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; text-shadow: 2px 2px 5px #222;
}
.puff-disabled .main-loggedin-header-puff-info-title {
	color: rgb(138, 138, 138); text-transform: uppercase; line-height: 22px; padding-top: 1px; padding-left: 16px; font-family: Arial, sans-serif; font-size: 22px; font-weight: normal; text-shadow: none;
}
.puff-disabled .main-loggedin-header-puff-content h2 {
	text-shadow: none;
}
.main-loggedin-header-puff-friends-avatars-wrapper {
	padding: 7px 0px; height: 36px;
}
.main-loggedin-header-puff-friends-avatar {
	width: 36px; height: 36px; margin-right: 5px; float: left;
}
.main-view-friends-view-link {
	line-height: 14px; font-size: 11px; font-weight: normal;
}
.main-loggedin-header-puff-progress-counter {
	background: url("../coop/difficulty-sprite.png") no-repeat 0px 0px black; padding: 0px 7px 0px 27px; color: rgb(255, 255, 255); line-height: 19px; font-size: 12px;
}
.main-loggedin-header-puff-play {
	left: 16px; bottom: 16px; color: rgb(255, 255, 255); font-size: 13px; position: absolute;
}
.main-loggedin-header-puff-play h3 {
	width: 300px; color: rgb(255, 255, 255); line-height: 20px; font-size: 16px; margin-bottom: 3px;
}
.main-loggedin-header-puff-play-info {
	line-height: 14px; margin-bottom: 6px;
}
.main-loggedin-header-puff-play-info img {
	padding-right: 4px; margin-bottom: -1px;
}
.main-loggedin-header-puff-play-info a {
	color: rgb(255, 255, 255); font-size: 12px; font-weight: normal; text-decoration: none;
}
.main-loggedin-header-puff-play-info a:hover {
	color: rgb(255, 255, 255); font-size: 12px; font-weight: normal; text-decoration: none;
}
.main-loggedin-header-puff-campaign-info-title {
	color: rgb(255, 255, 255); line-height: 20px; font-size: 16px; font-weight: bold; margin-top: 4px; text-shadow: 2px 2px 5px #222;
}
.main-loggedin-header-puff-campaign-info-extra {
	color: rgb(195, 195, 195); line-height: 14px; font-size: 11px; text-shadow: 2px 2px 5px #222;
}
.main-loggedin-leftcolumn-upcoming-unlocks {
	margin-bottom: 2px; position: relative; min-height: 121px;
}
.main-loggedin-upcomingunlocks {
	left: -10px; position: relative; min-height: 65px;
}
.main-loggedin-leftcolumn-upcoming-unlocks-footer-anchor-separator {
	padding-right: 3px; padding-left: 4px;
}
#main-landing-middle-wrapper #main-middle {
	width: auto;
}
#main-landing-middle-wrapper #footer-wrapper {
	width: auto;
}
.main-plugin-debug-contaioner {
	margin: 0px auto; width: 650px; height: 800px;
}
.main-upcoming-unlock {
	width: 100px; margin-right: 6px; float: left; position: relative;
}
body .main-upcoming-unlock .common-bubble {
	top: -50px !important;
}
.main-upcoming-unlock img {
	margin-top: 5px; margin-left: 10px;
}
.main-upcoming-unlock .common-percentbar-container {
	background: rgba(255, 255, 255, 0.2); padding: 0px; border: 0px currentColor; border-image: none; height: 5px; margin-left: 16px;
}
.main-upcoming-unlock .common-percentbar-container div {
	background: 0px 0px rgb(255, 255, 255); margin: 0px; height: 5px;
}
.last.main-upcoming-unlock {
	margin-right: 0px;
}
.main-friendlist-playing {
	margin-top: 3px; margin-right: 6px; float: left;
}
.main-loggedin-leftcolumn-bf3preorder {
	margin-bottom: 7px;
}
.main-side-column .ad320x200.advirticement {
	width: 320px; height: 200px; margin-bottom: 16px;
}
.main-side-column .advirticement > :last-child {
	margin: 0px 0px 16px; display: block;
}
.main-side-column .advirticement .advirticement-default {
	display: none;
}
.main-side-column .ad320x200.advirticement .advirticement-default {
	width: 320px; height: 200px;
}
#main-postlistsmall {
	padding: 0px 0px 10px;
}
#main-postlistsmall footer {
	padding: 0px;
}
#main-postlistsmall footer a {
	padding: 16px; text-decoration: none; display: block;
}
#main-postlistsmall footer:hover {
	background: none;
}
#main-latest-news {
	margin-bottom: 10px;
}
#main-latest-news h3 {
	margin-bottom: 6px;
}
#main-latest-news li {
	margin: 0px 0px 5px; padding: 0px 0px 5px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
#main-latest-news li.last {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
#main-latest-news li.posts-premium a:first-child {
	background: url("../premium/icon-p-s.png") no-repeat 0px 0px; padding-left: 21px; display: inline-block; min-height: 14px;
}
#main-latest-news li p {
	margin: 6px 0px 3px; color: rgb(138, 138, 138); font-size: 11px;
}
#main-latest-news li p a {
	font-size: 11px; font-weight: normal;
}
#main-loggedin-maincolumn #profile-status-message-area {
	padding-left: 10px;
}
.agegate {
	font-size: 14px;
}
body .main-credits-bf4 {
	background-color: rgba(7, 7, 7, 0.5);
}
body .main-credits-bf4 .main-credits-header1 {
	font-family: Purista, sans-serif; font-size: 32px; font-style: normal; font-weight: 600;
}
body .main-credits-bf4 .main-credits-header2 {
	font-family: Purista, sans-serif; font-size: 23px; font-style: normal; font-weight: 600;
}
body .main-credits-bf4 .main-credits-lines {
	font-family: Purista, sans-serif; font-style: normal; font-weight: normal;
}
body .main-credits-bf4 .main-credits-human-role {
	font-size: 16px; font-weight: 600;
}
body .main-credits-bf4 .main-credits-human-name {
	font-size: 16px; font-weight: 400;
}
body .main-credits-bf4 .main-credits-multilines {
	font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 600;
}
body .main-credits-bf4 .main-credits-line {
	font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 400;
}
body .main-credits-bf4 .logo {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf4/logos/bf4-logo-3ed8cb79.png"); margin: 30px auto 0px; width: 265px; height: 50px;
}
body .main-credits-bfh {
	background-color: rgba(7, 7, 7, 0.5);
}
body .main-credits-bfh .main-credits-header1 {
	font-family: Purista, sans-serif; font-size: 32px; font-style: normal; font-weight: 600;
}
body .main-credits-bfh .main-credits-header2 {
	font-family: Purista, sans-serif; font-size: 23px; font-style: normal; font-weight: 600;
}
body .main-credits-bfh .main-credits-lines {
	font-family: Purista, sans-serif; font-style: normal; font-weight: normal;
}
body .main-credits-bfh .main-credits-human-role {
	font-size: 16px; font-weight: 600;
}
body .main-credits-bfh .main-credits-human-name {
	font-size: 16px; font-weight: 400;
}
body .main-credits-bfh .main-credits-multilines {
	font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 600;
}
body .main-credits-bfh .main-credits-line {
	font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 400;
}
body .main-credits-bfh .logo {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bfh/logos/bfh-logo-promo-24973360.png"); margin: 30px auto 0px; width: 390px; height: 119px;
}
.main-credits {
	text-align: center; margin-bottom: 50px;
}
.main-credits-header1 {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 50px; font-family: Arial, sans-serif; font-size: 50px; font-weight: normal; margin-top: 53px;
}
.main-credits-header2 {
	margin: 27px 0px 0px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 38px; font-family: Arial, sans-serif; font-size: 30px; font-weight: normal;
}
.main-credits-lines {
	margin: 7px auto 0px; color: rgb(255, 255, 255); line-height: 24px;
}
.main-credits-human-role {
	width: 50%; text-align: right; padding-right: 16px; font-size: 14px; font-weight: normal; white-space: nowrap;
}
.main-credits-human-name {
	width: 47.5%; text-align: left; font-size: 14px; font-weight: bold; white-space: nowrap;
}
.first.main-credits-human-name {
	width: 50%; text-align: right; padding-right: 16px;
}
.main-credits-multilines {
	margin: 7px auto 0px; color: rgb(255, 255, 255); line-height: 24px;
}
.main-credits-line {
	padding: 0px 22px; text-align: center; font-size: 14px; font-weight: bold;
}
.main-legal-image {
	margin-right: 16px; float: left;
}
.main-legal-info {
	width: 188px; line-height: 18px; font-size: 12px; float: left;
}
.main-legal-box {
	width: 320px; margin-right: 16px; float: left;
}
:last-child.main-legal-box {
	margin-right: 0px;
}
.main-legal-box-height {
	height: 142px; padding-top: 16px;
}
.main-legal-info-subtitle {
	font-style: italic;
}
.main-show-banner a {
	width: 100%; height: 100%; display: block;
}
.main-show-banner a:hover {
	text-decoration: none;
}
.main-show-banner:hover .main-show-banner-info {
	text-decoration: underline;
}
.main-show-banner-title {
	left: 16px; top: 16px; color: rgb(255, 255, 255); font-size: 25px; font-weight: normal; position: absolute;
}
.main-show-banner-info {
	left: 16px; bottom: 20px; color: rgb(58, 173, 227); line-height: 16px; font-size: 12px; font-weight: normal; position: absolute;
}
a.main-show-banner-shop:hover {
	text-decoration: none;
}
a.main-show-banner-shop:hover .main-show-banner-info {
	text-decoration: underline;
}
.main-show-banner-shop {
	background: url("../main/banner-shop.jpg"); width: 320px; height: 107px; margin-bottom: 12px; display: block; position: relative;
}
.main-show-banner-karkand {
	margin-bottom: 12px; position: relative;
}
.karkand-not-owned.main-show-banner-karkand {
	background: url("../main/bf3/banner-b2k-bg.jpg"); width: 320px; height: 200px; margin-bottom: 12px;
}
.karkand-owned.main-show-banner-karkand {
	background: url("../main/bf3/banner-b2k-bg.jpg"); width: 320px; height: 200px; margin-bottom: 12px;
}
.main-news-comments a {
	padding-bottom: 0px;
}
.main-selectlanguage-middle {
	text-align: center;
}
.main-selectlanguage-form-wrapper {
	margin: 0px auto; width: 654px;
}
.main-selectlanguage-form {
	margin-top: 16px;
}
.main-selectlanguage-form-padder {
	padding: 14px 16px; text-align: left;
}
.main-selectlanguage-form-submit {
	margin: 16px 0px;
}
.main-selectlanguage-language {
	width: 50%; margin-bottom: 10px; float: left;
}
.main-selectlanguage-language label {
	font-size: 12px;
}
.main-selectlanguage-language input[checked] + label {
	font-weight: bold;
}
.main-news-comments a {
	padding-bottom: 0px;
}
.main-selectlanguage-middle {
	text-align: center;
}
.main-selectlanguage-form-wrapper {
	margin: 0px auto; width: 654px;
}
.main-selectlanguage-form {
	margin-top: 16px;
}
.main-selectlanguage-form-padder {
	padding: 14px 16px; text-align: left;
}
.main-selectlanguage-form-submit {
	margin: 16px 0px;
}
.main-selectlanguage-language {
	width: 50%; margin-bottom: 10px; float: left;
}
.main-selectlanguage-language label {
	font-size: 12px;
}
.main-selectlanguage-language input[checked] + label {
	font-weight: bold;
}
#main-loggedin-top-banner {
	width: 100%; overflow: hidden; margin-bottom: 6px;
}
.main-show-banner-karkand {
	line-height: 16px; font-size: 11px; margin-bottom: 6px; position: relative;
}
.main-show-banner-karkand a {
	color: rgb(58, 173, 227); font-size: 11px;
}
.karkand-not-owned.main-show-banner-karkand {
	background: url("../main/bf3/banner-b2k-bg.jpg"); width: 320px; height: 200px;
}
.karkand-owned.main-show-banner-karkand {
	background: url("../main/bf3/banner-b2k-owned-bg.jpg"); width: 320px; height: 166px;
}
#main-karkandbanner-friends {
	padding: 7px 0px; height: 36px;
}
.main-loggedin-karkand-container {
	left: 0px; width: 320px; height: 125px; bottom: 0px; padding-left: 12px; display: none; position: absolute;
}
.karkand-owned .main-loggedin-karkand-container-nofriends {
	background: rgba(0, 0, 0, 0.85); left: 0px; bottom: 0px; position: absolute;
}
.main-loggedin-header-puff-info-karkand {
	left: 16px; top: 46px; color: white; position: absolute;
}
.main-bannerkarkand-avatar {
	margin: 2px; display: inline-block;
}
.main-loggedin-karkand-container-nofriends {
	padding: 6px 0px 6px 36px; left: 0px; width: 284px; bottom: 0px; display: none; position: absolute;
}
.main-bannerkarkand-avatar-container {
	text-align: center;
}
.main-bannerkarkand-avatar-container .base-avatar-status-overlay {
	background: none !important;
}
.main-show-banner-karkand .base-button-arrow-large {
	font-family: BebasNeueRegular, Arial, sans-serif; font-size: 22px; font-weight: normal;
}
#main-banner-karkand-transfooter {
	left: 16px; bottom: 8px; position: absolute;
}
.main-show-banner-karkand karkand-owned #main-bannerkarkand-transfooter {
	height: 50px;
}
.karkand-owned p {
	color: rgb(255, 255, 255); line-height: 16px; font-weight: bold;
}
#main-bannerkarkand-checkbox {
	background: url("../coop/difficulty-sprite.png") no-repeat; left: 10px; top: 6px; width: 19px; height: 19px; position: absolute;
}
.spinner {
	margin: 6px; text-align: center; display: none;
}
#main-bannerkarkand-buy-form {
	left: 16px; top: 0px; position: absolute;
}
#main-show-banner-kitshortcuts {
	background: url("../main/banner_kit_shortcuts.jpg") no-repeat left top; width: 320px; height: 107px; margin-bottom: 16px; display: block; position: relative;
}
#main-show-banner-kitshortcuts h2 {
	margin: 0px; padding: 0px; left: 16px; top: 12px; color: white; font-family: BebasNeueRegular, Arial, sans-serif; font-size: 24px; font-weight: normal; position: absolute;
}
#main-show-banner-kitshortcuts p {
	background: url("../main/icon_new_win.gif") no-repeat right; left: 16px; bottom: 12px; color: rgb(58, 173, 227); padding-right: 14px; font-family: Arial, sans-serif; font-size: 12px; position: absolute;
}
#main-show-banner-kitshortcuts:hover p {
	text-decoration: underline;
}
.main-loggedin-leftcolumn-activity {
	overflow: hidden; margin-bottom: 10px; position: relative;
}
.main-loggedin-leftcolumn-activity-intro {
	background: rgb(248, 243, 197); padding: 10px; color: rgb(53, 53, 53); border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: solid; display: none; position: relative;
}
.show-intro.main-loggedin-leftcolumn-activity .main-loggedin-leftcolumn-activity-intro {
	display: block;
}
.main-loggedin-leftcolumn-activity-intro .close {
	background: url("../base/shared/row_close.png") no-repeat 0px 0px; top: 10px; width: 7px; height: 7px; right: 10px; position: absolute; cursor: pointer;
}
.main-loggedin-leftcolumn-activity-intro .close:hover {
	background-position: 0px -7px;
}
.main-loggedin-leftcolumn-activity-intro h4 {
	line-height: 16px; font-size: 12px; font-weight: bold; margin-bottom: 2px;
}
.main-loggedin-leftcolumn-activity-intro p {
	line-height: 18px; font-size: 12px;
}
.main-loggedin-leftcolumn-activity-intro a {
	line-height: 18px; font-size: 12px; font-weight: normal;
}
.main-loggedin-leftcolumn-activity .activity-header-gameicon {
	margin: 1px 10px 0px 0px; float: right;
}
.main-loggedin-leftcolumn-activity .base-box-push-inner {
	padding: 0px; overflow: hidden;
}
#main-loggedin-leftcolumn .main-loggedin-leftcolumn-activity .base-box-push-header {
	padding: 0px 6px 0px 16px; height: 40px; border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
#main-loggedin-leftcolumn .main-loggedin-leftcolumn-activity .base-box-push-header h3 {
	margin: 0px; color: rgb(53, 53, 53); line-height: 39px; font-family: Tahoma, sans-serif; font-size: 12px; font-weight: bold; float: left;
}
.main-loggedin-leftcolumn-activity .activitystream-list-wrapper {
	width: 100%; height: 334px; position: relative; z-index: 0; -ms-overflow-y: hidden;
}
.main-loggedin-leftcolumn-activity .activitystream-list-wrapper .activitystream-noevents {
	height: 334px;
}
.show-intro.main-loggedin-leftcolumn-activity .activitystream-list-wrapper .activitystream-noevents {
	height: 212px;
}
.main-loggedin-leftcolumn-activity .activitystream-list-wrapper .activitystream-noevents td {
	background: none; padding: 0px 30px; border: 0px currentColor; border-image: none; text-align: center; vertical-align: middle;
}
.main-loggedin-leftcolumn-activity .activitystream-list-wrapper .activitystream-noevents td h4 {
	text-transform: uppercase; font-size: 14px;
}
.main-loggedin-leftcolumn-activity .activitystream-list-wrapper .activitystream-noevents td p {
	line-height: 22px; font-size: 12px;
}
.main-loggedin-leftcolumn-activity .view-more {
	left: 0px; right: 0px; bottom: 0px; position: absolute;
}
.main-loggedin-leftcolumn-activity .view-more span {
	background: rgb(235, 235, 235); padding: 0px 16px; text-align: left; line-height: 30px; font-size: 11px; font-weight: normal; border-top-color: rgb(211, 211, 211); border-top-width: 1px; border-top-style: solid; display: block; z-index: 2;
}
.main-loggedin-leftcolumn-activity .view-more::after {
	background: none; border-radius: 30%; left: 0px; top: 0px; height: 20px; right: 0px; display: block; position: absolute; z-index: -1; content: ""; box-shadow: 0px -2px 20px 6px rgba(0,0,0,0.1);
}
.main-loggedin-leftcolumn-activity .activitystream-noevents + .view-more {
	display: none;
}
.show-intro.main-loggedin-leftcolumn-activity .activitystream-list-wrapper {
	height: 213px;
}
.main-loggedin-leftcolumn-activity .activitystream-list {
	padding: 0px 9px; height: 100%; overflow: hidden; position: relative; z-index: 0;
}
.main-loggedin-leftcolumn-activity .common-scrollbar-style .activitystream-list {
	height: auto; overflow: visible;
}
.main-loggedin-leftcolumn-activity .activitystream-list :first-child.activitystream-item {
	margin-top: 12px;
}
.main-loggedin-leftcolumn-activity .activitystream-list :last-child.activitystream-item {
	margin-bottom: 12px;
}
.main-loggedin-leftcolumn-activity .common-scrollbar-style .activitystream-list {
	padding: 0px 18px 0px 9px;
}
.main-loggedin-premium-scoremultiplier {
	background: url("../main/bf3/bg-event-1024.png") no-repeat right top; margin: 8px auto 16px; width: 974px; height: 35px; text-align: right; right: 0px; color: rgb(251, 136, 0); line-height: 35px; padding-right: 50px; font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; position: absolute;
}
.brief.main-loggedin-premium-scoremultiplier {
	background: url("../main/bf3/bg-event-400.png") no-repeat right top; top: 0px; width: 355px; right: 0px; bottom: 0px; position: absolute;
}
.main-loggedin-premium-scoremultiplier > strong {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1; padding-top: 5px; clear: both; font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; margin-right: 8px; display: block;
}
.main-loggedin-premium-scoremultiplier > span {
	color: rgb(247, 133, 19); text-transform: uppercase; line-height: 1; padding-top: 2px; clear: both; font-family: Tahoma, sans-serif; font-size: 12px; margin-right: 8px; display: block;
}
.main-loggedin-premium-scoremultiplier > a {
	width: 100%; height: 100%; display: block; position: absolute; z-index: 1;
}
#main-loggedin-premium-scoremultiplier-icon {
	background: url("../main/bf3/icon-2xp.png"); top: 13px; width: 44px; height: 26px; right: 5px; position: absolute;
}
.noplaybar.main-loggedin-actionbar .main-loggedin-premium-scoremultiplier {
	position: relative;
}
.main-loggedin-header-puff-loading {
	right: 10px; bottom: 10px; position: absolute;
}
.main-topstory-comments {
	margin: 0px 0px 6px; padding: 0px 6px 0px 0px; height: 18px; color: rgb(255, 255, 255); line-height: 18px; font-size: 12px; display: inline-block;
}
.main-topstory-comments .icon {
	background: url("../devblog/icon-comments.png") 0px -11px; margin: 0px 6px 0px 16px; top: 3px; width: 13px; height: 11px; float: left; display: block; position: relative;
}
.main-topstory-votes {
	margin: 0px 0px 6px; padding: 0px 6px 0px 0px; height: 18px; color: rgb(255, 255, 255); line-height: 18px; font-size: 12px; display: inline-block;
}
.main-topstory-votes .icon {
	background: url("../feed/icon-hooah-activitystream.png") 0px -54px; margin: 0px 3px 0px 0px; width: 14px; height: 14px; display: inline-block;
}
#main-loggedin-header-puff-topstory h3 {
	text-shadow: 1px 1px 6px rgba(0,0,0,0.8);
}
.main-loggedin-actionbar {
	position: relative;
}
.main-loggedin-playbar {
	height: 35px; margin-top: 8px; margin-bottom: 16px; float: left; position: relative;
}
.main-loggedin-playbar span.title {
	background: url("../main/bf3/boxes/bg-playnow.png") no-repeat right top; padding: 0px 20px 0px 16px; height: 35px; color: rgb(255, 255, 255); line-height: 37px; font-family: BebasNeueRegular, Arial, sans-serif; font-size: 22px; font-weight: normal; margin-right: 10px; float: left; cursor: default;
}
.main-loggedin-playbutton {
	margin-right: 6px;
}
.main-loggedin-playbutton p {
	padding: 0px 20px;
}
#main-loggedin-header-puff-unlocks .main-loggedin-header-puff-content {
	z-index: 2;
}
.main-loggedin-header-puff-soldiers-content {
	left: 18px; bottom: 43px;
}
.main-loggedin-header-puff-soldiers-content > h1 {
	font-size: 13px; margin-bottom: 8px;
}
.main-loggedin-header-puff-soldiers-content > div {
	width: 88px; float: left; background-color: rgba(255, 255, 255, 0.3);
}
.main-loggedin-header-puff-soldiers-content > div > span {
	background: rgb(255, 255, 255); height: 5px; display: block;
}
#main-loggedin-header-puff-unlocks {
	overflow: hidden;
}
#main-loggedin-header-puff-unlocks ul {
	right: 25px; bottom: -2px; position: absolute; z-index: 1;
}
#main-loggedin-header-puff-unlocks ul > li {
	width: 34px; float: left;
}
#main-loggedin-header-puff-unlocks ul > li > img {
	height: 107px;
}
.main-loggedin-header-puff-platoon-content {
	top: 53px; width: 303px; position: absolute;
}
.main-loggedin-header-puff-platoon-content > h1 {
	font-size: 14px;
}
.main-loggedin-header-puff-platoon-content > span {
	margin: 3px 0px 6px 2px; float: none; display: block;
}
.main-loggedin-header-puff-platoon-content > img.platoon-badge-item {
	top: -27px; right: 5px; position: absolute;
}
.main-loggedin-header-puff-platoon-content > div.main-loggedin-platoon-overlay {
	top: -28px; width: 60px; height: 62px; right: 5px; position: absolute; background-image: url("../main/mohw/boxes/platoon-overlay.png");
}
.main-loggedin-header-puff-platoon-content > div.main-loggedin-platoon-overlay > p {
	transition:background 0.5s; width: 60px; height: 62px; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -o-transition: background 0.5s ease;
}
.main-loggedin-header-puff:hover div.main-loggedin-platoon-overlay > p {
	background: rgba(255, 255, 255, 0.1);
}
.main-loggedin-header-puff-platoon-content > em {
	font-size: 11px; font-style: normal; display: block;
}
#main-introduction {
	padding: 0px; border: 0px currentColor; border-image: none;
}
#main-introduction > header {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/intro/intro-banner-bf3-1bd910e2.png") no-repeat; margin: 0px; width: 1024px; height: 207px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
#main-introduction > header > h3 {
	top: 35px; text-align: center; color: rgb(255, 255, 255); font-family: BebasNeueRegular, Arial, sans-serif; font-size: 44px; font-weight: normal; position: relative;
}
#main-introduction > .common-box-inner {
	padding: 16px; text-align: center;
}
#main-introduction .sections {
	margin: 0px 77px 16px; text-align: left; display: table;
}
#main-introduction section {
	width: 33%; display: table-cell;
}
#main-introduction section > .image {
	background: no-repeat 50% 50% rgb(235, 235, 235); border: 0px currentColor; border-image: none; width: 264px; height: 137px;
}
#main-introduction section > h2 {
	margin: 20px 0px 12px; color: rgb(53, 53, 53); font-family: BebasNeueRegular, Arial, sans-serif; font-size: 30px; font-weight: normal;
}
#main-introduction section > p {
	color: rgb(137, 137, 137); line-height: 21px; font-family: Arial, sans-serif; font-size: 14px;
}
#main-introduction section.friends > .image {
	background-image: url("../main/intro-icon-friends-bf3.png");
}
#main-introduction section.platoons > .image {
	background-image: url("../main/intro-icon-platoon-bf3.png");
}
#main-introduction section.stats > .image {
	background-image: url("../main/intro-icon-stats-bf3.png");
}
#main-introduction .continue-button {
	margin: 32px 0px;
}
#main-introduction .continue-button p {
	padding: 2px 110px 0px; font-size: 32px; font-weight: normal;
}
#main-introduction .continue-button:hover {
	text-decoration: none;
}
.mohw#main-introduction > header {
	background-image: url("//d34ymitoc1pg7m.cloudfront.net/mohw/intro/intro-banner-mohw-580c25d4.png");
}
.mohw#main-introduction > header > h3 {
	color: rgb(53, 53, 53);
}
.mohw#main-introduction section.friends > .image {
	background-image: url("../main/intro-icon-friends-mohw.png");
}
.mohw#main-introduction section.platoons > .image {
	background-image: url("../main/intro-icon-platoon-mohw.png");
}
.mohw#main-introduction section.stats > .image {
	background-image: url("../main/intro-icon-stats-mohw.png");
}
body.premium .main-header .persona {
	background: url("../base/bf4/overlay-p.png") no-repeat top;
}
body.premium .main-header .persona .username {
	color: rgb(228, 183, 68);
}
body.premium .main-header .persona .icon-premium-wide {
	float: left;
}
body.premium .main-header .persona .platform {
	float: left;
}
#bfhbeta-offer {
	height: 130px; overflow: hidden; margin-bottom: 16px;
}
#bfhbeta-offer .bfh-hero {
	width: 200px; margin-top: -100px; margin-right: -16px; float: right;
}
#bfhbeta-offer .bfh-logo {
	width: 200px; margin-top: -45px; margin-right: -42px; float: right;
}
#bfhbeta-offer .offer-not-available {
	padding-bottom: 16px;
}
#bfhbeta-offer .get-hardline-beta-btn {
	margin-top: 8px; float: left;
}
#bfhbeta-offer .pre-order {
	margin-top: 8px; margin-left: 16px; float: left;
}
.main-header .playbar {
	margin: 16px 0px;
}
.main-header .tiles .box {
	background: none; height: 143px; margin-top: 1px; cursor: pointer;
}
.main-header .tiles .box h1 {
	line-height: 16px; font-size: 19px;
}
.main-header .tiles .box h2 {
	color: lightgrey; line-height: 16px; font-size: 16px; font-weight: normal;
}
.main-header .tiles .box h2 {
	line-height: 21px;
}
.main-header .tiles .box h2.white {
	color: rgb(255, 255, 255);
}
.main-header .tiles .box .box-content {
	background-position: 96% 67px; transition:background-position 0.2s ease-in; background-repeat: no-repeat; background-color: transparent; -webkit-transition: background-position 0.2s ease-in; -moz-transition: background-position 0.2s ease-in;
}
.main-header .tiles .box .box-hide {
	position: absolute;
}
.main-header .tiles .box .box-hide h1 {
	line-height: 40px; font-size: 50px; margin-top: 25px;
}
.main-header .tiles .box .box-hide h2 {
	text-transform: uppercase;
}
.main-header .tiles .box:hover > .box-content {
	background-position: 96% 62px; transition:background-position 0.1s ease-in; -webkit-transition: background-position 0.1s ease-in; -moz-transition: background-position 0.1s ease-in;
}
.main-header .tiles .box:hover > .box-content .box-hide {
	opacity: 0;
}
.main-header .tiles .box:hover > .box-content .box-inner {
	transition:opacity 0.3s ease-in-out; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out;
}
.main-header .tiles .box:hover > .box-content .box-inner .bg-inner {
	transition:opacity 0.3s ease-in-out; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out;
}
.main-header .box {
	overflow: hidden; text-decoration: none; position: relative;
}
.main-header .box .bg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 0; opacity: 0.6;
}
.main-header .box .image.bg {
	opacity: 0.8;
}
.main-header .box:hover .bg {
	transition:opacity 0.2s ease-in-out; opacity: 0.8; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out;
}
.main-header .box:hover .image.bg {
	opacity: 1;
}
.main-header .box > .box-content {
	height: 100%; position: relative; z-index: 4; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.main-header .box > .box-content .box-inner {
	opacity: 0;
}
.main-header .tiles a:hover {
	text-decoration: none;
}
.main-header .tiles .bg {
	background: url("../main/warsaw/bg-box.jpg") 0px 0px;
}
.main-header .tiles .leaderboards .bg {
	background: url("../main/warsaw/bg-box-lb.jpg") 0px 0px;
}
.main-header .tiles .leaderboards .icons {
	transition:bottom 0.1s ease-in; right: 10px; bottom: 3px; position: absolute; -webkit-transition: bottom 0.1s ease-in; -moz-transition: bottom 0.1s ease-in;
}
.main-header .tiles .leaderboards .icons .division {
	right: 60px; bottom: 0px; position: absolute;
}
.main-header .tiles .leaderboards .icons .division img {
	height: 55px;
}
.main-header .tiles .leaderboards .icons .category {
	right: 0px; bottom: 16px; position: absolute;
}
.main-header .tiles .leaderboards .icons .rank {
	right: 70px; bottom: 0px; line-height: 40px; font-size: 50px; margin-top: 25px; position: absolute;
}
.main-header .tiles .leaderboards .no-leaderboard.icons {
	background-image: url("../main/warsaw/content-box-lb.png"); background-repeat: no-repeat;
}
.main-header .tiles .leaderboards .box:hover .icons {
	bottom: 8px;
}
.main-header .tiles .leaderboards .loader {
	margin: 30px auto 0px; display: block;
}
.main-header .tiles .no-club.club .bg img {
	opacity: 0.2;
}
.main-header .tiles .club .bg img {
	top: -20px; width: 160px; height: 160px; right: -20px; position: absolute;
}
.main-header .tiles .club .club-name {
	width: 150px; height: 16px; overflow: hidden; font-size: 14px; margin-bottom: 14px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.main-header .tiles .club h3 {
	font-size: 12px;
}
.main-header .tiles .club h2 {
	width: auto;
}
.main-header .tiles .club .box-hide {
	width: 90%; bottom: 12px;
}
.main-header .tiles .club .box-hide .club-rank {
	margin: 6px 0px; font-family: Purista, sans-serif; font-size: 19px; font-style: normal; font-weight: 600;
}
.main-header .tiles .club .box-hide .rank-progress {
	width: 80%; color: rgb(168, 168, 168); font-size: 12px; margin-bottom: 0px;
}
.main-header .tiles .club .box-hide .club-details {
	margin-bottom: 4px;
}
.main-header .tiles .loadout .box:hover > .box-content {
	background-position: 96% 0px;
}
.main-header .tiles .loadout .box-content {
	background-position: 96% 10px; background-image: url("../main/warsaw/content-box-loadout.png");
}
.main-header .tiles .challenges .box-content {
	background-position: 96% 72px; background-image: url("../main/warsaw/content-box-missions.png");
}
.main-header .tiles .twitch .box-content {
	background-position: 96% 108px; background-image: url("//eaassets-a.akamaihd.net/battlelog/bb/common/logos/twitch-small-08bb4a91.png");
}
.main-header .tiles .twitch .box-content:hover {
	background-position: 96% 102px;
}
.main-header .tiles .premium .bg-inner {
	background: linear-gradient(45deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0;
}
.main-header .tiles .premium h2 {
	position: relative; z-index: 1;
}
.main-header .tiles .premium h2.no-items {
	top: 24px;
}
.main-header .tiles .premium .icon-premium-p-big {
	top: 10px; right: 10px; position: absolute; z-index: 1;
}
.main-header .tiles .premium .bullets {
	left: 14px; bottom: 5px; position: absolute;
}
.main-header .tiles .premium .bullets span {
	color: rgb(79, 84, 90); line-height: 0; letter-spacing: 1px; font-family: Arial, sans-serif; font-size: 32px; -webkit-transition: color 0.2s;
}
.main-header .tiles .premium .bullets span.active {
	color: rgb(207, 207, 207);
}
.main-header .tiles .premium h1 {
	position: absolute; z-index: 1;
}
.main-header .tiles .premium article {
	padding: 40px 16px 16px; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; box-sizing: inherit;
}
.main-header .tiles .premium article .featured-background {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url("../main/warsaw/bg-box-p.jpg"); background-repeat: no-repeat; background-size: cover;
}
.main-header .tiles .premium article .thumbnail {
	right: 16px; bottom: 10px; position: absolute;
}
.main-header .tiles .battlepacks .box-content {
	width: 327px; background-image: url("../main/warsaw/content-box-bp.png");
}
.main-header .tiles .preorder {
	position: relative;
}
.main-header .tiles .preorder .box {
	background: url("../main/preorder-home.jpg") no-repeat;
}
.main-header .tiles .preorder .premium.box {
	background: url("../main/preorder-premium-home.jpg") no-repeat;
}
.main-header .tiles .preorder .bg {
	display: none;
}
.main-header .tiles .preorder h1 {
	color: black;
}
.main-header .tiles .preorder h2 {
	color: rgb(53, 53, 53);
}
.main-header .tiles .preorder button {
	left: 16px; bottom: 16px; position: absolute;
}
body.is-ios.is-hybrid .main-header .tiles .preorder button {
	display: none;
}
.main-header .cteguide.tiles {
	background-image: url("../communitytest/cte-icons-guide.png");
}
.main-header .feedback.tiles {
	background-image: url("../communitytest/cte-icons-feedback.png");
}
.main-header .topstory {
	background: 0% 0% / 100% auto rgba(255, 255, 255, 0.1); height: 352px; position: relative;
}
.main-header .topstory .loader {
	margin: 15px;
}
.main-header .topstory .article {
	background: no-repeat 0% 0% / 100% auto; width: 100%; height: 100%;
}
.main-header .topstory .article > h1 {
	background: none; color: white; line-height: 23px; font-size: 23px; text-shadow: 0px 0px 5px rgba(0,0,0,0.75);
}
.main-header .topstory .article > footer {
	width: 100%; text-align: left; bottom: 0px; padding-top: 10px; position: absolute; min-height: 80px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.main-header .topstory .article > footer h5 {
	text-transform: none; line-height: 24px; font-weight: normal;
}
.main-header .topstory .article > footer .meta {
	height: 16px; line-height: 19px; float: left;
}
.main-header .topstory .article > footer .published {
	text-transform: none; font-size: 12px;
}
.main-header .topstory .article > footer .published span {
	color: rgb(168, 168, 168);
}
.main-header .topstory .article:hover .box-content {
	background-color: rgba(255, 255, 255, 0.1);
}
.main-header .persona {
	height: 247px; margin-bottom: 1px;
}
.main-header .persona .username {
	margin: -2px 0px 3px; width: 100%; overflow: hidden; font-family: Purista; font-size: 22px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.main-header .persona .platform {
	line-height: 0; margin-bottom: 5px;
}
.main-header .persona .soldier-emblem {
	top: 40px; right: 70px; position: absolute;
}
.main-header .persona .dogtags-chain {
	position: relative; transform: scale(0.8) translateX(-35px); -webkit-transform: scale(0.8) translateX(-35px); -moz-transform: scale(0.8) translateX(-35px); -o-transform: scale(0.8) translateX(-35px);
}
.main-header .persona .rank {
	position: relative;
}
.main-header .persona .rank > .image {
	top: -16px; position: absolute;
}
.main-header .persona .rank > .number {
	left: 66px; bottom: 9px; font-family: Purista; font-size: 48px; position: relative;
}
.main-header .persona .soldier {
	top: 40px; right: 0px; position: absolute; pointer-events: none;
}
.main-header .persona .soldier > img {
	width: 265px;
}
.main-header .persona .progress {
	width: 75%; bottom: 15px; position: absolute;
}
.main-header .persona .progress > .progress-bar {
	margin-bottom: 2px;
}
.main-header .persona .progress > .experience {
	color: lightgrey; font-size: 12px;
}
.main-header .suggestions .suggestion {
	padding: 0px; width: 108px; height: 80px; text-align: center; overflow: hidden; margin-top: 1px; margin-right: 1px; float: left; position: relative;
}
.main-header .suggestions :last-child.suggestion {
	width: 109px; margin-right: 0px;
}
.main-header .suggestions .suggestion .image {
	margin: 15% 0px;
}
.main-header .suggestions .suggestion .vehicleunlock.image {
	margin: 9% 0px 9% -45px;
}
.main-header .suggestions .suggestion .loader {
	margin-top: 23px;
}
.main-header .suggestions .suggestion .progress-bar {
	margin: 0px; border: 0px currentColor; border-image: none; width: 100%; bottom: 0px; position: absolute;
}
.main-header .suggestions .suggestion .refresh {
	background: rgba(0, 0, 0, 0.5); padding: 2px; transition:opacity 2s ease-out; left: 5px; top: 3px; position: absolute; cursor: pointer; opacity: 0.8; -webkit-transition: opacity 2s ease-out; -moz-transition: opacity 2s ease-out;
}
.main-header .suggestions .suggestion .refresh:hover {
	opacity: 1;
}
.main-header .suggestions .suggestion .refresh:active {
	transition:none; opacity: 0.5; -webkit-transition: none; -moz-transition: none;
}
.main-header .suggestions .suggestion .disabled.refresh {
	cursor: default; opacity: 0.25; pointer-events: none;
}
.main-header .suggestions .suggestion .loading.refresh {
	cursor: default; opacity: 0.25; pointer-events: none;
}
.main-header .suggestions :not(:hover).suggestion .refresh {
	opacity: 0; pointer-events: none;
}
.main-header .suggestions .suggestion .green-check-small {
	width: 12px; height: 12px; right: 3px; bottom: 10px; position: absolute; background-image: url("../battledash/images/icons/green-check-small.png");
}
.main-header .suggestions .suggestion .xp-icon {
	left: 2px; bottom: 6px; position: absolute;
}
.main-header #recommended-server {
	position: relative;
}
.main-header #recommended-server .bg-map {
	transition:opacity 2s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; opacity: 0; background-size: cover; -webkit-transition: opacity 2s ease; -moz-transition: opacity 2s ease;
}
.main-header #recommended-server .overlay {
	transition:opacity 2s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2; opacity: 0; background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); -webkit-transition: opacity 2s ease; -moz-transition: opacity 2s ease;
}
.main-header .loaded#recommended-server .bg-map {
	opacity: 1;
}
.main-header .loaded#recommended-server .overlay {
	opacity: 1;
}
.main-header #recommended-server .loader {
	margin: 30px auto 0px; display: block;
}
.main-header #recommended-server .servername {
	display: block;
}
.main-header #recommended-server .playercount {
	font-weight: bold;
}
.main-header #recommended-server .servermeta {
	margin: 6px 0px;
}
.main-header #recommended-server .servermeta > .item {
	color: lightgrey; font-size: 12px; margin-top: 3px;
}
.main-header #recommended-server .players {
	left: 15px; bottom: 15px; position: absolute;
}
.main-header #recommended-server .players .avatar {
	width: 28px; height: 28px;
}
.main-header #recommended-server button {
	right: 15px; bottom: 15px; position: absolute;
}
.main-header .disabled#recommended-server {
	opacity: 0.5;
}
.main-header .challenges {
	background: url("../main/warsaw/bg-box.jpg") 0px 0px; position: relative;
}
.main-header .challenges .badge {
	left: 50%; width: 60px; height: 60px; bottom: 16px; margin-left: -60px; position: absolute; z-index: 0;
}
.main-header .challenges .focused.badge {
	left: 50%; margin-left: -10px; z-index: 1;
}
.main-header .spotlight {
	height: 287px;
}
.main-header .spotlight h1 {
	line-height: 16px; font-size: 19px;
}
.main-header .spotlight h2 {
	color: lightgrey; line-height: 16px; font-size: 16px; font-weight: normal;
}
.main-header .spotlight h1 {
	text-align: center;
}
.main-header .spotlight h2 {
	text-align: center;
}
.main-header .video.spotlight > .box-content {
	background-color: rgba(255, 255, 255, 0);
}
.main-header .video.spotlight > .box-content header {
	margin-top: 166px;
}
.main-header .video.spotlight:hover > .box-content {
	background-color: rgba(255, 255, 255, 0.1);
}
#main-alphatrialinformation {
	margin-bottom: 16px;
}
#main-alphatrialinformation p {
	line-height: 1.2; font-size: 14px; margin-bottom: 10px;
}
.agerating-container .box-content {
	min-height: 130px;
}
#rsp h6 {
	color: rgb(138, 138, 138); font-size: 14px;
}
#rsp a {
	margin: 0px 30px; display: inline-block;
}
body.is-loggedout #base-container {
	width: auto;
}
body.loggedout-usps #base-container {
	width: auto;
}
body:not(.loggedout-usps).is-loggedin .usp {
	opacity: 0;
}
body:not(.loggedout-usps).is-loggedin .is-mobile-app.usp {
	opacity: 1;
}
body.is-loggedout {
	background: rgb(8, 10, 20);
}
body.is-loggedout #base-background {
	transition:transform 500ms ease-out; -webkit-transition: transform 500ms ease-out; -moz-transition: transform 500ms ease-out;
}
body.home-signedout-bf4 #base-background {
	height: 940px; overflow: hidden; position: absolute;
}
body.home-signedout-bf4 #base-background::after {
	background: linear-gradient(rgba(35, 13, 13, 0) 0%, rgb(8, 10, 20) 100%); left: 0px; height: 100px; right: 0px; bottom: 0px; position: absolute; z-index: 0; content: "";
}
body.loggedout-usps #footer-wrapper {
	display: none !important;
}
body:not(.is-loggedout).loggedout-usps #footer-wrapper {
	display: none;
}
body.is-loggedout #footer-wrapper {
	margin: 0px auto; left: auto; top: auto; width: 992px; right: auto; bottom: auto; position: relative;
}
-o-keyframes pulsate from {
	transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);
}
-o-keyframes pulsate to {
	transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8);
}
.main-about-icon {
	background: url("../base/shared/icon-info.png") no-repeat; width: 21px; height: 21px; text-decoration: none; display: inline-block; cursor: pointer; opacity: 0.75;
}
.main-about-icon:hover {
	opacity: 1;
}
#base-container #main-loggedout {
	padding-top: 16px; margin-top: -16px;
}
#base-container #main-loggedout .main-loggedout-loader {
	margin: 100px auto; display: block;
}
.loggedout-usp-container {
	overflow: hidden; min-width: 992px;
}
.loggedout-usp-container #scroll-down-icon {
	background: url("../main/warsaw/loggedout/arrow-down.png") no-repeat; left: 50%; width: 82px; height: 52px; margin-left: -41px; z-index: 2; cursor: pointer; opacity: 0.9;
}
.loggedout-usp-container #scroll-down-icon-fixed {
	background: url("../main/warsaw/loggedout/arrow-down.png") no-repeat; left: 50%; width: 82px; height: 52px; margin-left: -41px; z-index: 2; cursor: pointer; opacity: 0.9;
}
.loggedout-usp-container #scroll-down-icon:hover {
	opacity: 1;
}
.loggedout-usp-container #scroll-down-icon-fixed:hover {
	opacity: 1;
}
.loggedout-usp-container #scroll-down-icon {
	bottom: -60px; position: absolute;
}
.loggedout-usp-container #scroll-down-icon-fixed {
	bottom: 0px; display: none; position: fixed;
}
.loggedout-usp-container .usp {
	margin: 0px auto; transition:opacity 1s ease-out; width: 992px; text-align: center; -webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out;
}
.loggedout-usp-container .usp h1.headline {
	background: rgba(7, 7, 7, 0.6); padding: 1px 16px 0px; text-transform: uppercase; font-family: Purista, sans-serif; font-size: 36px; font-style: normal; font-weight: 600; margin-bottom: 1px; display: inline-block;
}
.loggedout-usp-container .usp h2.subheading {
	background: rgba(7, 7, 7, 0.6); padding: 1px 16px 0px; text-transform: uppercase; font-family: Purista, sans-serif; font-size: 36px; font-style: normal; font-weight: 600; margin-bottom: 1px; display: inline-block;
}
.loggedout-usp-container .usp h2.subheading {
	line-height: 31px; font-family: Purista, sans-serif; font-size: 23px; font-style: normal; font-weight: 400;
}
.loggedout-usp-container .usp p.subheading-big {
	text-transform: uppercase; font-family: Purista, sans-serif; font-size: 23px; font-style: normal; font-weight: 400; margin-bottom: 10px;
}
.loggedout-usp-container .usp h2 {
	font-size: 30px; margin-bottom: 4px;
}
.loggedout-usp-container .usp p.subheading-small {
	text-transform: uppercase; font-family: Purista, sans-serif; font-size: 19px; font-style: normal; font-weight: 400; margin-bottom: 6px;
}
.loggedout-usp-container .usp p.subheading-tiny {
	text-transform: uppercase; font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 400;
}
.loggedout-usp-container .usp p.description {
	color: rgb(168, 168, 168); line-height: 24px; font-size: 14px; margin-bottom: 12px;
}
.loggedout-usp-container .alwayson {
	text-align: left; margin-top: 16px; position: relative;
}
.loggedout-usp-container .alwayson h1.header-headline {
	margin: 0px; padding: 6px 12px; font-size: 50px; display: inline-block; background-color: rgba(7, 7, 7, 0.6);
}
.loggedout-usp-container .alwayson .battlefield-logo {
	width: 616px; height: 114px; margin-top: 24px; background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/home-logo-e3e42ee9.png");
}
.loggedout-usp-container .alwayson .alwayson-soldier {
	top: -75px; height: 940px; right: -375px; overflow: hidden; position: absolute;
}
.loggedout-usp-container .alwayson .alwayson-soldier::after {
	background: linear-gradient(rgba(8, 10, 20, 0) 0%, rgb(8, 10, 20) 100%); left: 328px; height: 50px; right: 213px; bottom: 0px; position: absolute; z-index: 0; content: "";
}
.loggedout-usp-container .alwayson .calltoaction {
	margin-top: 32px;
}
.loggedout-usp-container .alwayson .calltoaction .btn {
	width: auto; display: inline-block; min-width: 288px;
}
.loggedout-usp-container .alwayson .calltoaction .btn-login {
	margin-right: 8px;
}
.loggedout-usp-container .alwayson .calltoaction .btn-get-game {
	overflow: visible; padding-left: 76px; font-size: 19px; position: relative;
}
.loggedout-usp-container .alwayson .calltoaction .btn-get-game .game-stack {
	background: url("../main/warsaw/loggedout/getbf-stack.png") no-repeat; left: 8px; top: -15px; width: 68px; height: 81px; position: absolute;
}
.loggedout-usp-container .in-viewport.alwayson .devices img {
	opacity: 1;
}
.loggedout-usp-container .in-viewport.alwayson .devices img.anim {
	transform: translate(0px, 0px); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0);
}
.loggedout-usp-container .alwayson .devices {
	height: 500px; margin-top: 48px; position: relative;
}
.loggedout-usp-container .alwayson .devices img {
	transition:0.5s ease-out; position: absolute; opacity: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;
}
.loggedout-usp-container .alwayson .devices img.anim {
	transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s;
}
.loggedout-usp-container .alwayson .devices img.tv {
	left: 215px; top: 0px;
}
.loggedout-usp-container .alwayson .devices img.pc {
	left: 25px; top: 85px; transform: translateX(-50px); -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -o-transform: translateX(-50px);
}
.loggedout-usp-container .alwayson .devices img.tablet {
	left: 525px; top: 185px; transform: translateX(100px); -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -o-transform: translateX(100px);
}
.loggedout-usp-container .alwayson .devices img.mobile {
	left: 850px; top: 210px; transform: translate(200px); -webkit-transform: translate(200px); -moz-transform: translate(200px); -o-transform: translate(200px);
}
.loggedout-usp-container .connected {
	text-align: left; padding-top: 65px; margin-top: 100px; margin-bottom: 65px; position: relative;
}
.loggedout-usp-container .is-mobile-app.connected {
	padding-top: 0px; margin-top: 0px;
}
.loggedout-usp-container .connected .googleplay-logo {
	margin-left: 6px;
}
.loggedout-usp-container .connected .row {
	position: relative;
}
.loggedout-usp-container .connected img.battlescreen {
	margin-top: 30px; margin-left: -50px; opacity: 0;
}
.loggedout-usp-container .connected img.transition.battlescreen {
	transition:margin-left 0.25s ease-out, opacity 0.25s ease-out; -webkit-transition: margin-left 0.25s ease-out, opacity 0.25s ease-out; -moz-transition: margin-left 0.25s ease-out, opacity 0.25s ease-out;
}
.loggedout-usp-container .connected img.remotejoin {
	right: -100px; bottom: 0px; position: absolute; opacity: 0;
}
.loggedout-usp-container .connected img.loadout {
	right: -100px; bottom: 0px; position: absolute; opacity: 0;
}
.loggedout-usp-container .connected img.transition.remotejoin {
	transition:right 0.25s ease-out, opacity 0.25s ease-out; -webkit-transition: right 0.25s ease-out, opacity 0.25s ease-out; -moz-transition: right 0.25s ease-out, opacity 0.25s ease-out;
}
.loggedout-usp-container .connected img.transition.loadout {
	transition:right 0.25s ease-out, opacity 0.25s ease-out; -webkit-transition: right 0.25s ease-out, opacity 0.25s ease-out; -moz-transition: right 0.25s ease-out, opacity 0.25s ease-out;
}
.loggedout-usp-container .connected img.loadout {
	right: 200px;
}
.loggedout-usp-container .in-viewport.connected img.battlescreen {
	margin-left: 0px; opacity: 1;
}
.loggedout-usp-container .in-viewport.connected img.remotejoin {
	right: 0px; opacity: 1;
}
.loggedout-usp-container .in-viewport.connected img.loadout {
	right: 252px; opacity: 1;
}
.loggedout-usp-container .commander {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/bg-home-commander-36b3c266.jpg") no-repeat 50% 0px; width: auto; height: 1126px; text-align: center; padding-top: 60px; position: relative; -ms-overflow-y: hidden;
}
.loggedout-usp-container .commander p.description {
	width: 560px; color: white; margin-top: 8px; margin-right: auto; margin-left: auto; display: block;
}
.loggedout-usp-container .commander .commander-tablet {
	transition:margin-top 0.25s ease-out, opacity 0.25s ease-out; width: 992px; height: 774px; margin-top: 106px; margin-right: auto; margin-left: auto; position: relative; opacity: 0; -webkit-transition: margin-top 0.25s ease-out, opacity 0.25s ease-out; -moz-transition: margin-top 0.25s ease-out, opacity 0.25s ease-out;
}
.loggedout-usp-container .in-viewport.commander .commander-tablet {
	margin-top: 16px; opacity: 1;
}
.loggedout-usp-container .ingame {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/ingame-bkg-47ff6e40.jpg") no-repeat top; width: auto; text-align: center; padding-top: 60px; padding-bottom: 60px; position: relative;
}
.loggedout-usp-container .ingame p.description {
	width: 550px; color: white; margin-top: 8px; margin-right: auto; margin-left: auto; display: block;
}
.loggedout-usp-container .ingame .tv-carousel {
	position: relative;
}
.loggedout-usp-container .ingame .tv-carousel .arrowleft {
	top: 190px; width: 52px; height: 103px; position: absolute; cursor: pointer; background-image: url("../main/warsaw/loggedout/ingame-arrows.png");
}
.loggedout-usp-container .ingame .tv-carousel .arrowright {
	top: 190px; width: 52px; height: 103px; position: absolute; cursor: pointer; background-image: url("../main/warsaw/loggedout/ingame-arrows.png");
}
.loggedout-usp-container .ingame .tv-carousel .arrowleft {
	background-position: 0px 0px;
}
.loggedout-usp-container .ingame .tv-carousel .arrowright {
	background-position: -52px 0px; right: 0px;
}
.loggedout-usp-container .ingame .tv-carousel .dots {
	margin: 22px auto 0px; display: block;
}
.loggedout-usp-container .ingame .tv-carousel .dots .dot {
	border: 1px solid rgb(255, 255, 255); border-image: none; width: 14px; height: 14px; margin-right: 16px; display: inline-block;
}
.loggedout-usp-container .ingame .tv-carousel .dots .last.dot {
	margin-right: 0px;
}
.loggedout-usp-container .ingame .tv-carousel .dots .active.dot {
	background: rgb(255, 255, 255);
}
.loggedout-usp-container .ingame .tv-carousel .screenshots {
	left: 112px; top: 16px; position: absolute;
}
.loggedout-usp-container .ingame .tv-carousel .screenshots img {
	transition:opacity 0.4s ease-in-out; left: 0px; top: 0px; position: absolute; opacity: 0; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out;
}
.loggedout-usp-container .ingame .tv-carousel .screenshots img.opaque {
	opacity: 1;
}
.loggedout-usp-container .ingame .controllers {
	height: 150px; margin-top: -30px; position: relative;
}
.loggedout-usp-container .ingame .controllers .xbox {
	transition:top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out; top: 50px; position: absolute; -webkit-transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out; -moz-transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out;
}
.loggedout-usp-container .ingame .controllers .ps {
	transition:top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out; top: 50px; position: absolute; -webkit-transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out; -moz-transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out;
}
.loggedout-usp-container .ingame .controllers .pc {
	transition:top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out; top: 50px; position: absolute; -webkit-transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out; -moz-transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out;
}
.loggedout-usp-container .ingame .controllers .xbox {
	left: -50px;
}
.loggedout-usp-container .ingame .controllers .ps {
	left: 240px;
}
.loggedout-usp-container .ingame .controllers .pc {
	right: -50px;
}
.loggedout-usp-container .in-viewport.ingame .controllers .xbox {
	top: 0px;
}
.loggedout-usp-container .in-viewport.ingame .controllers .ps {
	top: 0px;
}
.loggedout-usp-container .in-viewport.ingame .controllers .pc {
	top: 0px;
}
.loggedout-usp-container .in-viewport.ingame .controllers .xbox {
	left: 0px;
}
.loggedout-usp-container .in-viewport.ingame .controllers .pc {
	right: 0px;
}
.loggedout-usp-container .progress {
	height: 643px; margin-top: 75px; position: relative;
}
.loggedout-usp-container .progress .stats {
	margin-top: 16px; position: relative;
}
.loggedout-usp-container .progress .soldier-image {
	top: -240px; right: -200px; position: absolute;
}
.loggedout-usp-container .stats {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/bg-home-stats-c4afedb7.jpg") no-repeat top; width: auto; text-align: center; padding-top: 65px; padding-bottom: 100px;
}
.loggedout-usp-container .stats p.description {
	width: 600px; color: white; margin-top: 8px; margin-right: auto; margin-left: auto; display: block;
}
.loggedout-usp-container .stats #overview-info {
	width: 993px; text-align: left; margin-top: 45px; margin-right: auto; margin-left: auto;
}
.loggedout-usp-container .stats #overview-info #overview-soldier .box-content {
	height: 460px; text-align: center;
}
.loggedout-usp-container .stats .soldier {
	top: -45px; right: 25px; position: absolute;
}
.loggedout-usp-container .missions {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/bg-home-missions-d248322d.jpg") no-repeat top; width: auto; height: 850px; padding-top: 65px;
}
.loggedout-usp-container .missions .mission-content {
	width: 992px; margin-top: 65px; margin-right: auto; margin-left: auto; position: relative;
}
.loggedout-usp-container .in-viewport.missions .leaderboard .leaderboard-list li {
	opacity: 1;
}
.loggedout-usp-container .in-viewport.missions .leaderboard .leaderboard-list li.item-3 .position {
	background: rgb(255, 198, 0); color: rgb(0, 0, 0);
}
.loggedout-usp-container .in-viewport.missions .soldier {
	opacity: 1;
}
.loggedout-usp-container .in-viewport.missions .soldier-highlight {
	animation:pulsate 2s ease-in-out infinite alternate; opacity: 1; -webkit-animation: pulsate 2s ease-in-out 0s infinite alternate; -moz-animation: pulsate 2s ease-in-out 0s infinite alternate; -o-animation: pulsate 2s ease-in-out 0s infinite alternate;
}
.loggedout-usp-container .missions .soldier {
	transition:opacity 0.25s ease-in; position: absolute; z-index: 1; opacity: 0; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in;
}
.loggedout-usp-container .missions .soldier-1.soldier {
	transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s;
}
.loggedout-usp-container .missions .soldier-2.soldier {
	transition-delay: 0.25s; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s;
}
.loggedout-usp-container .missions .soldier-3.soldier {
	transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s;
}
.loggedout-usp-container .missions .soldier-4.soldier {
	transition-delay: 0.75s; -webkit-transition-delay: 0.75s; -moz-transition-delay: 0.75s;
}
.loggedout-usp-container .missions .soldier-5.soldier {
	transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s;
}
.loggedout-usp-container .missions .soldier-1 {
	left: -139px; top: -70px;
}
.loggedout-usp-container .missions .soldier-2 {
	left: 95px; top: -20px;
}
.loggedout-usp-container .missions .soldier-3 {
	left: 213px; top: 10px;
}
.loggedout-usp-container .missions .soldier-4 {
	left: 305px; top: 40px;
}
.loggedout-usp-container .missions .soldier-5 {
	left: 455px; top: 10px;
}
.loggedout-usp-container .missions .soldier-highlight {
	background: url("../main/warsaw/loggedout/soldier-highlight.png") no-repeat; transition:opacity 1s ease-out 2s; left: 224px; top: 532px; width: 225px; height: 56px; position: absolute; z-index: 0; opacity: 0; -webkit-transition: opacity 1s 2s ease-out; -moz-transition: opacity 1s 2s ease-out;
}
.loggedout-usp-container .missions .leaderboard {
	text-align: left; margin-top: 125px;
}
.loggedout-usp-container .missions .leaderboard header {
	background: rgb(4, 5, 11); padding: 48px 16px 16px 118px; height: 88px; position: relative;
}
.loggedout-usp-container .missions .leaderboard header p.subheading-small {
	font-weight: 600;
}
.loggedout-usp-container .missions .leaderboard header .mission-type-image {
	left: -28px; top: 10px; position: absolute;
}
.loggedout-usp-container .missions .leaderboard .leaderboard-list {
	list-style: none; margin: 0px; padding: 0px;
}
.loggedout-usp-container .missions .leaderboard .leaderboard-list li {
	background: rgb(4, 5, 11); transition:opacity 0.25s ease-out; height: 39px; color: rgb(255, 255, 255); line-height: 39px; font-size: 16px; margin-top: 1px; position: relative; opacity: 0; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out;
}
.loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-1 {
	transition-delay: 0.25s; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s;
}
.loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-2 {
	transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s;
}
.loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-3 {
	transition-delay: 0.75s; -webkit-transition-delay: 0.75s; -moz-transition-delay: 0.75s;
}
.loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-4 {
	transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s;
}
.loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-5 {
	transition-delay: 1.25s; -webkit-transition-delay: 1.25s; -moz-transition-delay: 1.25s;
}
.loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-3 .position {
	transition:1s ease-out 2s; -webkit-transition: all 1s 2s ease-out; -moz-transition: all 1s 2s ease-out;
}
.loggedout-usp-container .missions .leaderboard .leaderboard-list li .position {
	width: 39px; text-align: center; font-family: Purista, sans-serif; font-style: normal; font-weight: 600; float: left;
}
.loggedout-usp-container .missions .leaderboard .leaderboard-list li .avatar {
	width: 39px; height: 39px; float: left; display: block;
}
.loggedout-usp-container .missions .leaderboard .leaderboard-list li .name {
	padding-left: 8px; font-family: Purista, sans-serif; font-style: normal; font-weight: 400; float: left;
}
.loggedout-usp-container .missions .leaderboard .leaderboard-list li .score {
	top: 0px; right: 0px; padding-right: 8px; font-family: Purista, sans-serif; font-size: 23px; font-style: normal; font-weight: 600; position: absolute;
}
.loggedout-usp-container .geoleaderboards {
	background-position: top; width: auto; height: 940px; text-align: center; position: relative; background-repeat: no-repeat;
}
.loggedout-usp-container .geoleaderboards .map {
	background-position: top; transition:opacity 1s ease-in-out; left: 0px; top: 0px; width: 100%; height: 940px; position: absolute; cursor: default; opacity: 0; background-repeat: no-repeat; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out;
}
.loggedout-usp-container .geoleaderboards .map .player {
	left: 50%; top: 50%; position: absolute; background-size: 100%;
}
.loggedout-usp-container .geoleaderboards .map .p1.player {
	background: url("../main/warsaw/loggedout/avatar1.png"); width: 120px; height: 120px;
}
.loggedout-usp-container .geoleaderboards .map .p2.player {
	background: url("../main/warsaw/loggedout/avatar2.png"); width: 203px; height: 203px;
}
.loggedout-usp-container .geoleaderboards .map .p3.player {
	background: url("../main/warsaw/loggedout/avatar3.png"); width: 120px; height: 120px;
}
.loggedout-usp-container .geoleaderboards .map .p4.player {
	background: url("../main/warsaw/loggedout/avatar4.png"); width: 72px; height: 72px;
}
.loggedout-usp-container .geoleaderboards .map .p5.player {
	background: url("../main/warsaw/loggedout/avatar5.png"); width: 72px; height: 72px;
}
.loggedout-usp-container .geoleaderboards .map .p6.player {
	background: url("../main/warsaw/loggedout/avatar6.png"); width: 172px; height: 172px;
}
.loggedout-usp-container .geoleaderboards .map .p7.player {
	background: url("../main/warsaw/loggedout/avatar7.png"); width: 120px; height: 120px;
}
.loggedout-usp-container .geoleaderboards .map .p8.player {
	background: url("../main/warsaw/loggedout/avatar8.png"); width: 120px; height: 120px;
}
.loggedout-usp-container .geoleaderboards .map .p9.player {
	background: url("../main/warsaw/loggedout/avatar9.png"); width: 203px; height: 203px;
}
.loggedout-usp-container .geoleaderboards .map .p10.player {
	background: url("../main/warsaw/loggedout/avatar10.png"); width: 120px; height: 120px;
}
.loggedout-usp-container .geoleaderboards .map .me.player {
	background: url("../main/warsaw/loggedout/avatar_me.png"); width: 199px; height: 199px;
}
.loggedout-usp-container .geoleaderboards .friends.map {
	background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/geoleaderboards-map-friends-ccd63843.jpg");
}
.loggedout-usp-container .geoleaderboards .friends.map .me.player {
	margin-top: 8px; margin-left: -201px;
}
.loggedout-usp-container .geoleaderboards .friends.map .p2.player {
	margin-top: -142px; margin-left: 52px;
}
.loggedout-usp-container .geoleaderboards .friends.map .p3.player {
	margin-top: 238px; margin-left: -424px;
}
.loggedout-usp-container .geoleaderboards .friends.map .p6.player {
	margin-top: -82px; margin-left: -255px;
}
.loggedout-usp-container .geoleaderboards .city.map {
	background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/geoleaderboards-map-city-2d1eae7d.jpg");
}
.loggedout-usp-container .geoleaderboards .city.map .me.player {
	margin-top: -75px; margin-left: -74px;
}
.loggedout-usp-container .geoleaderboards .city.map .p4.player {
	margin-top: 8px; margin-left: -128px;
}
.loggedout-usp-container .geoleaderboards .city.map .p7.player {
	margin-top: -152px; margin-left: -268px;
}
.loggedout-usp-container .geoleaderboards .country.map {
	background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/geoleaderboards-map-country-08b0bccb.jpg");
}
.loggedout-usp-container .geoleaderboards .country.map .me.player {
	margin-top: 65px; margin-left: -160px;
}
.loggedout-usp-container .geoleaderboards .country.map .p1.player {
	margin-top: -35px; margin-left: -140px;
}
.loggedout-usp-container .geoleaderboards .country.map .p5.player {
	margin-top: 192px; margin-left: -227px;
}
.loggedout-usp-container .geoleaderboards .world.map {
	background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/geoleaderboards-map-world-3f3f31f4.jpg");
}
.loggedout-usp-container .geoleaderboards .world.map .me.player {
	margin-top: -305px; margin-left: -288px;
}
.loggedout-usp-container .geoleaderboards .world.map .p8.player {
	margin-top: 95px; margin-left: -360px;
}
.loggedout-usp-container .geoleaderboards .world.map .p9.player {
	margin-top: -181px; margin-left: -808px;
}
.loggedout-usp-container .geoleaderboards .world.map .p10.player {
	margin-top: -25px; margin-left: 290px;
}
.loggedout-usp-container .geoleaderboards .opaque.map {
	opacity: 1;
}
.loggedout-usp-container .geoleaderboards .heading {
	left: 0px; top: 35px; width: 100%; position: absolute;
}
.loggedout-usp-container .geoleaderboards .zoom-widget {
	left: 0px; top: 135px; width: 100%; position: absolute;
}
.loggedout-usp-container .geoleaderboards .zoom-widget ul {
	margin: 0px auto; width: 608px;
}
.loggedout-usp-container .geoleaderboards .zoom-widget li {
	width: 150px;
}
.loggedout-usp-container .geoleaderboards .zoom-widget li:not(.active) span {
	cursor: pointer;
}
.loggedout-usp-container .geoleaderboards .zoom-widget li:not(.active) span:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
.loggedout-usp-container .geoleaderboards .zoom-widget li span {
	padding: 63px 0px 10px; height: 23px; display: block; background-image: url("../main/warsaw/loggedout/geoleaderboards-btn-icons.png"); background-size: auto;
}
.loggedout-usp-container .geoleaderboards .zoom-widget li.friends span {
	background-position: 0px 0px;
}
.loggedout-usp-container .geoleaderboards .zoom-widget li.active.friends span {
	background-position: 0px -86px;
}
.loggedout-usp-container .geoleaderboards .zoom-widget li.city span {
	background-position: -152px 0px;
}
.loggedout-usp-container .geoleaderboards .zoom-widget li.active.city span {
	background-position: -152px -86px;
}
.loggedout-usp-container .geoleaderboards .zoom-widget li.country span {
	background-position: -304px 0px;
}
.loggedout-usp-container .geoleaderboards .zoom-widget li.active.country span {
	background-position: -304px -86px;
}
.loggedout-usp-container .geoleaderboards .zoom-widget li.world span {
	background-position: -456px 3px;
}
.loggedout-usp-container .geoleaderboards .zoom-widget li.active.world span {
	background-position: -456px -83px;
}
.geoleaderboard-loggedout.loggedout-usp-container .geoleaderboards {
	height: 1000px;
}
.loggedout-usp-container .video {
	text-align: center; padding-top: 60px; position: relative;
}
.loggedout-usp-container .video #uspVideo {
	margin-top: 32px; margin-bottom: 44px;
}
.loggedout-usp-container .video #uspVideo .overlay {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/movie-template-e7c745ff.jpg") no-repeat 0px 50%; transition:opacity 0.5s ease-in-out; width: 656px; height: 369px; display: inline-block; position: relative; cursor: pointer; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out;
}
.loggedout-usp-container .video #uspVideo .overlay::after {
	background: url("../serverbrowserwarsaw/playbutton-circle.png"); left: 50%; top: 50%; width: 90px; height: 90px; margin-top: -45px; margin-left: -45px; position: absolute; content: ""; opacity: 0.8;
}
.loggedout-usp-container .video #uspVideo .overlay:hover::after {
	opacity: 0.9;
}
.loggedout-usp-container .footer {
	text-align: center; padding-bottom: 50px; margin-bottom: 16px; border-bottom-color: rgba(255, 255, 255, 0.2); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.loggedout-usp-container .footer .buttons {
	padding-bottom: 46px;
}
.loggedout-usp-container .footer .buttons .btn {
	font-size: 19px;
}
.loggedout-usp-container .footer .buttons a.withstack.btn {
	padding: 0px 0px 0px 50px; overflow: visible; margin-left: 10px; position: relative;
}
.loggedout-usp-container .footer .buttons a.withstack.btn img {
	left: 9px; top: -12px; position: absolute;
}
.loggedout-usp-container .footer p.learnmore {
	margin-bottom: 30px;
}
.loggedout-usp-container .footer .appicons .googleplay-logo {
	margin-left: 6px;
}
.main-friends-container {
	width: 327px; height: 82px; bottom: 40px; position: absolute;
}
.main-friends-container .friends h3 {
	margin: 0px; text-align: center; color: rgb(255, 255, 255); line-height: 16px; font-family: Purista, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;
}
.main-friends-container .friends .outer-center {
	right: 50%; float: right; position: relative;
}
.main-friends-container .friends .inner-center {
	right: -50%; float: right; position: relative;
}
.main-friends-container .friends .clear {
	clear: both;
}
.main-friends-container .friends .avatars {
	padding: 6px 0px 0px; float: left;
}
.main-friends-container .friends .more-friends {
	background: rgba(0, 0, 0, 0.8); border: 1px solid rgb(96, 104, 112); border-image: none; width: 34px; height: 34px; text-align: center; line-height: 34px; overflow: hidden; font-family: Purista, sans-serif; font-size: 14px; margin-top: 8px; margin-left: 3px; float: left;
}
.dialog-bf4required .dialog-body {
	padding: 0px; overflow: hidden;
}
.download.xp.dialog-bf4required .dialog-content {
	height: 260px;
}
.download.xp.dialog-bf4required .dialog-content .info {
	height: 80px;
}
.has-premium.xp.dialog-bf4required .dialog-content {
	height: 300px;
}
.has-premium.xp.dialog-bf4required .dialog-content .info {
	height: 130px;
}
.xp.dialog-bf4required .dialog-content {
	height: 400px;
}
.xp.dialog-bf4required .dialog-content .main-friends-container {
	width: 560px; bottom: 70px; color: rgb(255, 255, 255);
}
.xp.dialog-bf4required .dialog-content .premium-xpack-info {
	width: 560px; text-align: center; bottom: 60px; color: rgb(255, 255, 255); position: absolute;
}
.xp.dialog-bf4required .dialog-content .info {
	height: 220px;
}
.xp.dialog-bf4required .dialog-content .info h3 {
	margin: 12px 0px 0px; padding: 0px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 18px; font-size: 18px; font-weight: normal;
}
.xp.dialog-bf4required .dialog-content .info .buttons {
	left: 0px; width: 560px; bottom: 16px; position: absolute;
}
.xp1048576.xp.dialog-bf4required {
	
}
.xp1048576.xp.dialog-bf4required .dialog-content {
	background: url("../main/warsaw/game-dialog-bg-xp1.jpg") no-repeat top;
}
.xp524288.xp.dialog-bf4required {
	
}
.xp524288.xp.dialog-bf4required .dialog-content {
	background: url("../main/warsaw/game-dialog-bg-xp0.jpg") no-repeat top;
}
.xp2097152.xp.dialog-bf4required {
	
}
.xp2097152.xp.dialog-bf4required .dialog-content {
	background: url("../main/warsaw/game-dialog-bg-xp2.jpg") no-repeat top;
}
.bfh.xp.dialog-bf4required {
	
}
.xp536870912.xp.dialog-bf4required {
	
}
.bfh.xp.dialog-bf4required .dialog-content {
	background: url("../clubs/club-npx-bfh.jpg") no-repeat top / cover;
}
.xp536870912.xp.dialog-bf4required .dialog-content {
	background: url("../clubs/club-npx-bfh.jpg") no-repeat top / cover;
}
.dialog-bf4required .dialog-content {
	background: url("../main/warsaw/game-dialog-bg.jpg") no-repeat top; width: 560px; height: 326px; position: relative;
}
.dialog-bf4required .dialog-content .main-friends-container {
	width: 560px;
}
.dialog-bf4required .dialog-content .overlay {
	left: 0px; top: 164px; width: 100%; height: 100%; position: absolute; z-index: 2; background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.dialog-bf4required .dialog-content .info {
	left: 0px; width: 560px; height: 160px; text-align: center; bottom: 0px; position: absolute; z-index: 3;
}
.dialog-bf4required .dialog-content .info .buttons {
	left: 146px; bottom: 16px; position: absolute;
}
.dialog-bf4required .dialog-content .info .buttons .btn-primary {
	margin-right: 8px;
}
.dialog-bf4required .dialog-content .info h4 {
	margin: 12px 0px 0px; padding: 0px; text-transform: uppercase; line-height: 24px; font-family: Arial; font-size: 16px; font-weight: bold;
}
.dialog-bf4required .dialog-content .info h5 {
	text-transform: none; line-height: 24px; font-family: Arial; font-size: 14px; font-weight: normal;
}
#trialmessage {
	color: rgb(204, 204, 204); font-size: 14px;
}
#trialmessage .expired-box {
	padding: 32px; text-align: center; background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/trial/bg-gametime-786dcb2b.png");
}
#trialmessage .expired-box h3 {
	line-height: 1; font-size: 23px;
}
#trialmessage .expired-box p {
	margin: 23px 0px 13px;
}
#trialmessage .expired-box a.origin-upgrade {
	background-position: right; line-height: 45px; padding-right: 45px; font-size: 22px; text-decoration: underline; display: inline-block; background-image: url("../odcstore/origin-storelogo-small.png"); background-repeat: no-repeat;
}
#trialmessage .unexpired-box {
	background-position: 12px 12px; line-height: 32px; padding-left: 50px; font-family: Purista; font-size: 16px; background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/trial/icon-gametime-cd01b474.png"); background-repeat: no-repeat;
}
#trialmessage .unexpired-box .btn {
	float: right;
}
#trialmessage .unexpired-box a.origin-upgrade {
	background-position: right; line-height: 35px; padding-right: 35px; font-size: 16px; text-decoration: underline; margin-left: 12px; display: inline-block; background-image: url("../odcstore/origin-storelogo-small.png"); background-repeat: no-repeat; background-size: contain;
}
.survey {
	font-size: 12px; margin-top: 16px;
}
.survey input {
	display: none;
}
.survey .checkboxicon {
	background: url("../main/poll-checkbox.png") no-repeat 0px 0px; width: 10px; height: 10px; display: inline-block; position: relative; cursor: pointer;
}
.survey table.scores {
	color: rgb(213, 221, 229); margin-top: 16px; margin-bottom: 8px;
}
.survey table.scores tr td {
	text-align: center; padding-right: 16px; margin-bottom: 8px;
}
.survey .description {
	color: rgb(168, 168, 168);
}
.survey .description .min {
	float: left;
}
.survey .description .max {
	float: right;
}
.survey .feedback textarea {
	width: 270px; height: 50px; margin-top: 16px; margin-bottom: 8px; -ms-overflow-y: auto; max-width: 270px;
}
.survey .feedback button {
	float: right;
}
body.no-main-header header section.game-bar {
	display: none;
}
.main-xp-boost-notice:hover {
	text-decoration: none;
}
.main-header .get-bfh-tile {
	background: url("//eaassets-a.akamaihd.net/battlelog/bb/bf4/main/bfh-banner-87797f74.jpg") no-repeat; height: 280px; margin-bottom: 16px; position: relative;
}
.main-header .get-bfh-tile .tile-body {
	background: rgba(7, 7, 7, 0.5); padding: 24px 16px; left: 0px; height: 60px; right: 0px; bottom: 0px; position: absolute;
}
.main-header .get-bfh-tile .tile-body .friends-container {
	float: left;
}
.main-header .get-bfh-tile .tile-body .friends-container::before {
	line-height: 0; display: table; content: "";
}
.main-header .get-bfh-tile .tile-body .friends-container::after {
	line-height: 0; display: table; content: "";
}
.main-header .get-bfh-tile .tile-body .friends-container::after {
	clear: both;
}
.main-header .get-bfh-tile .tile-body .friends-container h6 {
	margin-top: -5px; margin-bottom: 5px;
}
.main-header .get-bfh-tile .tile-body .friends-container .friends-list .avatars {
	padding: 0px; margin-left: -4px;
}
.main-header .get-bfh-tile .tile-body .buy-btn {
	margin-top: 10px; float: right;
}
#alpha-trial p {
	line-height: 21px;
}
#alpha-trial p:not(last-of-type) {
	margin-bottom: 1em;
}
#alpha-trial textarea {
	width: 100%; height: 300px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#alpha-trial a {
	text-decoration: underline;
}
html.ugm-showing #serverbrowser {
	padding-bottom: 60px;
}
.icon-servertype {
	width: 11px; height: 16px;
}
.icon-servertype-1 {
	background: url("../serverguide/icon-rank-official.png") no-repeat left top;
}
.icon-servertype-2 {
	background: url("../serverguide/icon-rank-ranked.png") no-repeat left top;
}
.icon-servertype-4 {
	background: url("../serverguide/icon-rank-unranked.png") no-repeat left top;
}
.icon-servertype-8 {
	background: url("../serverguide/icon-rank-private.png") no-repeat left top;
}
.active.server-row .icon-servertype-1 {
	background: url("../serverguide/icon-rank-official-dark.png") no-repeat left top;
}
.active.server-row .icon-servertype-2 {
	background: url("../serverguide/icon-rank-ranked-dark.png") no-repeat left top;
}
.active.server-row .icon-servertype-4 {
	background: url("../serverguide/icon-rank-unranked-dark.png") no-repeat left top;
}
.active.server-row .icon-servertype-8 {
	background: url("../serverguide/icon-rank-private-dark.png") no-repeat left top;
}
.serverguide-open-filter-box {
	top: 2px; position: relative;
}
#serverbrowser #server-browser-refresh-global {
	margin: 6px 0px 0px; padding: 1px 8px 0px 12px;
}
#serverbrowser header button {
	margin: 4px 0px 0px 10px;
}
#serverbrowser .serverbrowser-platform-filter-select {
	float: right;
}
#serverbrowser .arrow-container {
	position: relative;
}
#serverbrowser .arrow-container .outerarrow {
	top: 0px; width: 20px; height: 30px; right: 0px; position: absolute;
}
#serverbrowser .arrow-container .arrow {
	border-width: 6px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; transform-origin: center 50%; transition:0.1s ease-out, opacity; border-image: none; left: 0%; top: 50%; margin-top: -3px; margin-left: 4px; position: absolute; opacity: 0.3; -webkit-transition: all 0.1s ease-out, opacity 0; -moz-transition: all 0.1s ease-out, opacity 0; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center;
}
#serverbrowser .arrow-container:hover .arrow {
	opacity: 0.75;
}
#serverbrowser .active.arrow-container .arrow {
	opacity: 0.75;
}
#serverbrowser .server-filter {
	margin-bottom: 16px;
}
#serverbrowser .collapsed.server-filter {
	padding-right: 28px;
}
#serverbrowser .collapsed.server-filter > footer {
	padding: 0px; top: 0px; width: 27px; right: 0px; bottom: 0px; display: block; position: absolute; background-color: rgba(7, 7, 7, 0.5);
}
#serverbrowser .no-results {
	text-align: center; margin-top: 16px;
}
#serverbrowser .no-results h2 {
	font-size: 2em;
}
#serverbrowser [data-sort] {
	text-decoration: none;
}
#serverbrowser .sort-desc::after {
	padding-left: 2px; text-decoration: none; content: "^";
}
#serverbrowser .sort-asc::after {
	padding-left: 2px; text-decoration: none; content: "?;
}
#serverbrowser #servers {
	margin-top: 8px; min-height: 800px;
}
#serverbrowser .servers-list thead th {
	padding: 0px 6px; line-height: 24px;
}
#serverbrowser .servers-list thead .players {
	width: 55px;
}
#serverbrowser .servers-list thead .ping {
	width: 40px;
}
#serverbrowser .servers-list thead .server-icons {
	width: 22px;
}
#serverbrowser :not(.loading).servers-list tfoot {
	display: none;
}
#serverbrowser .servers-list tfoot th {
	padding: 16px; text-align: center;
}
#serverbrowser .servers-list tr .icon {
	background: url("../serverguide/icons_server.png") no-repeat left top; margin: 0px; padding: 0px; width: 16px; height: 16px; vertical-align: middle; display: inline-block;
}
#serverbrowser .servers-list tr .punkbuster.icon {
	background-position: -141px -166px;
}
#serverbrowser .servers-list tr .on.punkbuster.icon {
	background-position: -142px -128px;
}
#serverbrowser .servers-list tr .ranked.icon {
	background-position: -68px -167px;
}
#serverbrowser .servers-list tr .on.ranked.icon {
	background-position: -68px -128px;
}
#serverbrowser .servers-list tr .type.icon {
	background-position: -214px -128px;
}
#serverbrowser .servers-list tr .normal.type.icon {
	background-position: -214px -167px;
}
#serverbrowser .servers-list .server-icons {
	padding: 0px 0px 0px 6px;
}
#serverbrowser .servers-list .active .punkbuster.icon {
	background-position: -142px -128px;
}
#serverbrowser .servers-list .active .on.punkbuster.icon {
	background-position: -141px -166px;
}
#serverbrowser .servers-list .active .ranked.icon {
	background-position: -68px -128px;
}
#serverbrowser .servers-list .active .on.ranked.icon {
	background-position: -68px -167px;
}
#serverbrowser .servers-list img {
	vertical-align: middle;
}
#serverbrowser .servers-list tbody .server-row {
	height: 49px; cursor: pointer;
}
#serverbrowser .servers-list tbody :not(.active).server-row:active > td {
	background-color: rgba(7, 7, 7, 0.6);
}
#serverbrowser .servers-list tbody .server-row .favorite {
	width: 20px; overflow: hidden; padding-right: 0px;
}
#serverbrowser .servers-list tbody .server-row .star {
	margin: 0px auto; padding: 0px; width: 20px; display: block;
}
#serverbrowser .servers-list tbody .server-row .star::after {
	color: rgba(255, 255, 255, 0.3); font-size: 22px; display: none; position: relative; z-index: 1; content: "?";
}
#serverbrowser .servers-list tbody .server-row .server-icons {
	padding: 10px 0px 0px 9px;
}
#serverbrowser .servers-list tbody .server-row:hover .star::after {
	color: rgba(255, 255, 255, 0.3); display: block;
}
#serverbrowser .servers-list tbody .server-row .starred.star::after {
	color: rgba(255, 255, 255, 0.3); display: block;
}
#serverbrowser .servers-list tbody .server-row .starred.star::after {
	color: white;
}
#serverbrowser .servers-list tbody .server-row .star:hover::after {
	color: white;
}
#serverbrowser .servers-list tbody .loading-info.server-row td.map .loader {
	display: block;
}
#serverbrowser .servers-list tbody .server-row td {
	padding: 6px; line-height: 28px; font-size: 12px;
}
#serverbrowser .servers-list tbody .server-row td:first-child {
	width: 18px;
}
#serverbrowser .servers-list tbody .server-row td.map {
	width: 48px; line-height: 1; position: relative;
}
#serverbrowser .servers-list tbody .server-row td.map .loader {
	left: 21px; top: 50%; margin-top: -13px; display: none; position: absolute;
}
#serverbrowser .servers-list tbody .server-row td.map .map-thumb {
	width: auto;
}
#serverbrowser .servers-list tbody .server-row td.server {
	overflow: hidden; min-width: 50px; max-width: 480px;
}
#serverbrowser .servers-list tbody .server-row td.server .server-name {
	line-height: 16px; overflow: hidden; font-size: 14px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#serverbrowser .servers-list tbody .server-row td.server .server-details {
	color: rgb(168, 168, 168); line-height: 12px; overflow: hidden; font-size: 11px; margin-top: 2px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#serverbrowser .servers-list tbody .server-row td.server .server-details .country-flag {
	margin-top: -2px; margin-right: 5px; float: left;
}
#serverbrowser .servers-list tbody .server-row td.server .friends-playing {
	top: 0px; right: 8px; bottom: 0px; line-height: 48px; position: absolute;
}
#serverbrowser .servers-list tbody .server-row td.players {
	width: 55px; text-align: center;
}
#serverbrowser .servers-list tbody .server-row td.ping {
	width: 40px; text-align: center; color: rgb(168, 168, 168); font-size: 11px;
}
#serverbrowser .servers-list tbody .server-row td.server-icons {
	width: 22px;
}
html:not(.is-touch) #serverbrowser .servers-list tbody .active.server-row {
	-webkit-filter: drop-shadow(0 0 7px #e0f4f8); -moz-filter: drop-shadow(0 0 7px #e0f4f8); -o-filter: drop-shadow(0 0 7px #e0f4f8);
}
html:not(.is-touch) #serverbrowser .servers-list tbody .active.server-row .server-name {
	font-weight: bold;
}
html:not(.is-touch) #serverbrowser .servers-list tbody .active.server-row .star::after {
	color: rgba(0, 0, 0, 0.3);
}
html:not(.is-touch) #serverbrowser .servers-list tbody .active.server-row .starred.star::after {
	color: rgba(0, 0, 0, 0.9) !important;
}
html:not(.is-touch) #serverbrowser .servers-list tbody .active.server-row .star:hover::after {
	color: rgba(0, 0, 0, 0.9) !important;
}
.is-touch #serverbrowser aside .action-buttons-container .favorite-toggle {
	margin-top: 8px;
}
.is-touch #serverbrowser aside .action-buttons-container .starred.favorite-toggle .add-text {
	display: none;
}
.is-touch #serverbrowser aside .action-buttons-container .starred.favorite-toggle .remove-text {
	display: inline;
}
.is-touch #serverbrowser aside .action-buttons-container .favorite-toggle .remove-text {
	display: none;
}
#serverbrowser-show .join.btn {
	margin-top: 8px;
}
#serverbrowser-show .settings {
	margin-top: -10px;
}
#serverbrowser-show .settings li {
	color: rgb(168, 168, 168); line-height: 16px; clear: both; font-size: 12px; margin-top: 10px; display: block;
}
#serverbrowser-show .settings li b {
	text-align: right; color: rgb(255, 255, 255); padding-right: 5px; margin-right: 5px; float: right; max-width: 130px;
}
#serverbrowser-show .settings li .icon {
	margin-top: -4px; margin-right: 2px; vertical-align: middle;
}
#serverbrowser-show .quick-info {
	background-position: center; width: auto; height: 160px; overflow: hidden; position: relative;
}
#serverbrowser-show .quick-info::before {
	background: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%); left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: "";
}
#serverbrowser-show .quick-info .holder {
	padding: 16px; bottom: 0px; position: absolute;
}
#serverbrowser-show .quick-info .player-count {
	padding: 0px 5px;
}
#serverbrowser-show .quick-info .map-info li {
	padding: 0px 5px;
}
#serverbrowser-show .quick-info li {
	height: 18px; line-height: 18px; float: left;
}
#serverbrowser-show .quick-info .player-count {
	font-size: 18px; margin-bottom: 2px;
}
#serverbrowser-show .quick-info .holder ul {
	float: left;
}
#serverbrowser-show .quick-info .holder ul.friends li {
	padding: 0px 5px;
}
#serverbrowser-show .quick-info .map-info {
	color: rgb(238, 238, 238); font-size: 12px;
}
#serverbrowser-show .quick-info .map-info img {
	vertical-align: middle;
}
#serverbrowser-show #serverbrowser-show-serverjoin {
	margin-top: 5px;
}
#serverbrowser-show .box {
	margin-top: 8px;
}
#serverbrowser-show footer {
	padding: 0px;
}
#serverbrowser-show footer a {
	padding: 16px; text-decoration: none; display: block;
}
#serverbrowser-show footer:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
#serverbrowser-recommended-servers ul {
	overflow: hidden;
}
#serverbrowser-recommended-servers ul.row-tight .server.span2 {
	width: 330px;
}
#serverbrowser-recommended-servers .loader {
	left: 50%; top: 50%; margin-top: -16px; margin-left: -16px; position: absolute;
}
#serverbrowser-recommended-servers .toggle {
	overflow: hidden; position: relative; cursor: pointer;
}
#serverbrowser-recommended-servers .toggle .serverbrowser-toggler {
	top: 1px; right: 10px; color: rgb(170, 170, 170); float: right; position: absolute;
}
#serverbrowser-recommended-servers .toggle .serverbrowser-toggler::after {
	text-align: center; padding-right: 3px; font-size: 21px; float: right; content: "-";
}
#serverbrowser-recommended-servers .toggle:hover .serverbrowser-toggler {
	color: rgb(255, 255, 255);
}
.collapsed#serverbrowser-recommended-servers .toggle .serverbrowser-toggler {
	top: 2px;
}
.collapsed#serverbrowser-recommended-servers .toggle .serverbrowser-toggler::after {
	text-align: center; padding-right: 0px; font-size: 21px; float: right; content: "+";
}
#serverbrowser-recommended-servers .server {
	background: rgba(7, 7, 7, 0.6); height: 160px; overflow: hidden; display: table; position: relative;
}
#serverbrowser-recommended-servers .server img {
	transition:0.5s; top: 0px; width: 100%; bottom: 0px; position: absolute; opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
#serverbrowser-recommended-servers .server img.show-on-load {
	opacity: 0;
}
#serverbrowser-recommended-servers .server::before {
	background: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%); left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 1; content: "";
}
#serverbrowser-recommended-servers .server > header {
	padding: 8px 16px; left: 0px; top: 0px; right: 0px; position: absolute; z-index: 2; min-height: 37px; background-color: rgba(0, 0, 0, 0.9);
}
#serverbrowser-recommended-servers .server > header .recommendation {
	color: rgb(168, 168, 168); line-height: 14px; font-size: 12px;
}
#serverbrowser-recommended-servers .server > header .server-name {
	color: rgb(255, 255, 255); line-height: 22px; overflow: hidden; font-size: 14px; text-decoration: none; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#serverbrowser-recommended-servers .server > header .server-details {
	color: rgb(168, 168, 168); line-height: 18px; font-size: 12px;
}
#serverbrowser-recommended-servers .server button {
	right: 16px; bottom: 16px; margin-left: 8px; position: absolute; z-index: 2;
}
#serverbrowser-recommended-servers .server > .server-info {
	left: 16px; bottom: 22px; color: rgb(255, 255, 255); font-size: 11px; position: absolute; z-index: 2;
}
#serverbrowser-recommended-servers .server > .server-info p {
	top: 7px; height: 32px; line-height: 16px; font-size: 12px; vertical-align: bottom; display: table-cell; position: relative;
}
#serverbrowser-recommended-servers .server > .server-info p span {
	display: block;
}
#serverbrowser-recommended-servers .server > .server-info p span.map {
	width: 126px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#serverbrowser-recommended-servers .server > .players {
	left: 16px; top: 61px; position: absolute; z-index: 2;
}
#serverbrowser-recommended-servers .server > .players .avatar {
	width: 32px; height: 32px; margin-right: 2px; float: left;
}
#serverbrowser-filters .toggle {
	padding: 0px 16px; color: rgb(170, 170, 170); line-height: 32px; overflow: hidden; font-family: Arial, sans-serif !important; font-size: 12px; margin-right: 37px; position: relative; cursor: pointer;
}
#serverbrowser-filters .toggle em {
	background: url("../base/shared/search-icon-white.png") no-repeat 0px 1px; color: rgb(255, 255, 255); text-transform: uppercase; padding-left: 18px;
}
#serverbrowser-filters .toggle:hover .serverbrowser-toggler {
	color: rgb(255, 255, 255);
}
#serverbrowser-filters .toggle #custom-filter-list-content {
	overflow: hidden; vertical-align: top; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 725px;
}
#serverbrowser-filters .toggle ul {
	margin: 0px; padding: 0px; display: inline;
}
#serverbrowser-filters .toggle li {
	margin: 0px; padding: 0px; display: inline;
}
#serverbrowser-filters .toggle ul {
	list-style: none;
}
#serverbrowser-filters .toggle li {
	margin: 0px 6px 0px 0px; text-transform: none;
}
#serverbrowser-filters .toggle .outerarrow {
	top: 1px;
}
#serverbrowser-filters .serverbrowser-refresh {
	padding: 0px; width: 36px; height: 32px; text-align: center; color: rgb(168, 168, 168); line-height: 32px; font-size: 21px; float: right; cursor: pointer;
}
#serverbrowser-filters .serverbrowser-refresh:hover {
	color: rgb(255, 255, 255);
}
.expanded#serverbrowser-filters .toggle .arrow {
	margin-top: -9px; border-top-color: transparent; border-bottom-color: rgb(255, 255, 255);
}
.expanded#serverbrowser-filters .filters-container {
	display: block;
}
.advanced-expanded.expanded#serverbrowser-filters .advanced-filters {
	display: block;
}
.advanced-expanded.expanded#serverbrowser-filters .button-row .arrow {
	margin-top: -9px; border-top-color: transparent; border-bottom-color: rgb(255, 255, 255);
}
#serverbrowser-filters .btn-primary {
	margin-left: 10px;
}
#serverbrowser-filters .filters-container {
	display: none;
}
#serverbrowser-filters .advanced-filters {
	display: none;
}
#serverbrowser-filters .box-content {
	overflow: hidden; position: relative;
}
#serverbrowser-filters .box-content .serverbrowser-filter {
	background: rgb(236, 236, 236); padding: 2px 0px; width: 132px; height: 100%; overflow: hidden; border-top-color: rgb(218, 218, 217); border-right-color: rgb(225, 225, 225); border-top-width: 0px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; float: left; position: relative;
}
#serverbrowser-filters .box-content .filterextra .serverbrowser-filter {
	width: 218px;
}
#serverbrowser-filters .row-tight {
	overflow: hidden; padding-bottom: 16px;
}
#serverbrowser-filters .filter-col {
	padding-bottom: 1000px; margin-top: 0px; margin-bottom: -1000px;
}
#serverbrowser-filters .filter-player-settings.filter-col {
	width: 396px;
}
#serverbrowser-filters .filter-col .filter-col {
	margin-top: 1px;
}
section.filter {
	margin-bottom: 16px;
}
section:last-child.filter {
	margin-bottom: 0px;
}
section.filter::after {
	clear: both; display: table; content: "";
}
section.filter h3 {
	height: 20px; color: rgb(138, 138, 138); line-height: 20px; font-size: 13px;
}
section.filter ul {
	list-style: none; margin: 0px; padding: 0px;
}
section.filter ul li {
	background: url("../serverbrowserwarsaw/icon-checkbox-4.png") no-repeat 0px -297px; margin: 0px 0px 4px; padding: 0px 0px 0px 20px; transition:color 0.2s; line-height: 14px; font-size: 12px; cursor: pointer; min-height: 20px; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease;
}
section.filter ul li[data-toggle='section'] {
	color: rgb(138, 138, 138) !important; text-transform: uppercase; line-height: 1.2; font-family: Purista, sans-serif; font-size: 13px; font-style: normal; font-weight: 600;
}
section.filter ul li.plain {
	background: none; padding-left: 0px;
}
section.filter ul li:hover {
	background-position: 0px -396px;
}
section.filter ul li.on:hover {
	background-position: 0px -97px;
}
section.filter ul li.on {
	background-position: 0px 4px; color: rgb(209, 255, 190);
}
section.filter ul li.off {
	background-position: 0px -796px; color: rgb(255, 202, 207);
}
section.filter ul li.filter-range {
	min-height: 20px;
}
section.filter ul li.filter-range input {
	padding: 1px 2px; width: 65px; text-align: center;
}
section.filter label {
	top: 2px; position: relative; cursor: pointer;
}
section.filter label.premium {
	background: url("../premium/icon-p-s.png") no-repeat right; padding-right: 18px; display: inline-block;
}
section.filter label img.icon {
	margin: -3px 4px 0px -4px; vertical-align: middle;
}
section.filter a.popup {
	top: 2px; position: relative;
}
section.filter a.popup::after {
	clear: both; display: table; content: "";
}
section.filter select {
	display: none;
}
section.filter input[type='checkbox'] {
	display: none;
}
section.filter input[disabled] + label {
	opacity: 0.5;
}
section.filter #serverbrowser-open-advanced-link {
	margin: 0px; padding: 0px; top: 2px; float: none;
}
section.filter #serverbrowser-open-region-link {
	margin: 0px; padding: 0px; top: 2px; float: none;
}
section.gameexpansion-filter.filter li {
	margin-bottom: 16px;
}
section.split.filter ul li {
	width: 157px; margin-right: 4px; float: left;
}
section.filter .filter-range label {
	display: inline-block; max-width: 185px;
}
section.xpack-filter.filter .section label {
	float: left;
}
section.xpack-filter.filter .section label img.icon {
	margin-top: 0px; float: left;
}
.bool-filter.popup-serveradvancedfilter-value {
	width: 100%; clear: both; position: relative;
}
#serverbrowser-filterstring em {
	font-style: normal; text-decoration: none; margin-right: 5px;
}
#serverbrowser-filterstring strong {
	font-style: normal; text-decoration: none;
}
#serverbrowser-filterstring label {
	margin-right: 3px; margin-left: 3px;
}
#server-page > header {
	margin-bottom: 8px;
}
#server-page > header p {
	margin-bottom: 16px;
}
#server-page > header button {
	width: 220px; display: block;
}
#server-page > header button + button {
	margin-top: 8px;
}
#server-page .ping-bar {
	margin-bottom: -1px;
}
#server-page h5 {
	text-transform: none;
}
#server-page-map-rotation .scroll-area {
	overflow: hidden;
}
#server-page-map-rotation table {
	margin-top: 1px; margin-bottom: 0px;
}
#server-page-map-rotation td {
	padding: 1px; width: 178px; height: 130px; margin-bottom: 8px; vertical-align: top;
}
#server-page-map-rotation td.active {
	color: black; box-shadow: 0px 0px 7px 0px #e0f4f8; background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%); background-color: white;
}
#server-page-map-rotation td.active .xp-icon {
	border: 1px solid rgb(0, 0, 0); border-image: none;
}
#server-page-map-rotation td:last-child {
	width: auto;
}
#server-page-map-rotation td .map-image {
	width: auto; height: 79px; display: block; min-width: 146px; background-repeat: no-repeat; background-size: cover;
}
#server-page-map-rotation td .xp-icon {
	margin-top: -34px; margin-left: 6px; float: left;
}
#server-page-map-rotation td p {
	padding: 5px 14px 4px; line-height: 16px; font-size: 12px;
}
#server-page-map-rotation td p span {
	color: rgb(168, 168, 168);
}
#server-page-map-rotation td.xpack p {
	padding-left: 32px;
}
#server-page-map-rotation .no-maps-rotation {
	text-align: center; vertical-align: middle;
}
#server-page-map-rotation .jspHorizontalBar .jspTrack {
	background: rgba(7, 7, 7, 0.6);
}
#server-page-settings {
	overflow: hidden; margin-bottom: 16px;
}
#server-page-settings .span2 .box-content {
	padding-bottom: 500px; margin-bottom: -484px;
}
#server-page-settings dl {
	padding-bottom: 6px; font-size: 11px; margin-bottom: 7px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-width: 1px; border-bottom-style: solid;
}
#server-page-settings dl dt {
	color: rgb(168, 168, 168); text-transform: uppercase; float: left;
}
#server-page-settings dl dd {
	float: right;
}
#server-page-settings dl dd .icon {
	margin-top: -1px; vertical-align: top;
}
#server-page-settings dl:last-child {
	margin: 0px; padding: 0px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
#server-page-join-buttons {
	padding: 16px 0px 0px; background-color: transparent;
}
#server-page-join-buttons .btn + .btn {
	margin-left: 8px;
}
#server-page-slot-info {
	margin-top: 15px;
}
#server-page-slot-info dl {
	padding-bottom: 3px; font-size: 11px;
}
#server-page-slot-info dl dt {
	color: rgb(168, 168, 168); text-transform: uppercase; float: left;
}
#server-page-slot-info dl dd {
	float: right;
}
#server-page-slot-info dl:last-child {
	margin: 0px; padding: 0px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
#server-page-info .box header {
	text-align: center;
}
#server-page-info .box section {
	padding: 16px; height: 78px; text-align: center;
}
#server-page-info .box section h5 {
	margin: 0px; line-height: 24px; font-size: 22px;
}
#server-page-info .icon-servertype-large {
	width: 19px; height: 27px; margin-bottom: -8px;
}
#server-page-info .icon-servertype-large-1 {
	background: url("../serverguide/icon-rank-official-l.png") no-repeat left top;
}
#server-page-info .icon-servertype-large-2 {
	background: url("../serverguide/icon-rank-ranked-l.png") no-repeat left top;
}
#server-page-info .icon-servertype-large-4 {
	background: url("../serverguide/icon-rank-unranked-l.png") no-repeat left top;
}
#server-page-info .icon-servertype-large-8 {
	background: url("../serverguide/icon-rank-private-l.png") no-repeat left top;
}
#server-page-gamemode {
	margin-bottom: 1px;
}
#server-page-gamemode p {
	line-height: 14px; font-size: 14px;
}
#server-page-gamemode .flag {
	margin: 0px 8px -1px;
}
#server-page-gamemode .common-gameicon-hori {
	margin-bottom: -2px;
}
#server-page-gamemode .common-gameexpansion {
	margin-bottom: -2px;
}
.serverbrowser-invite-item {
	height: 26px; line-height: 26px; clear: both; margin-bottom: 6px;
}
#serverbrowser-serverfilter-configure .base-link {
	font-weight: normal;
}
.serverbrowser-invite-avatar {
	float: left;
}
.serverbrowser-invite-username {
	float: left;
}

.popover {
     min-width: 200px;
}	 
  
body.premium #base-header .grid-container.premium-bg {
 	background: transparent url("../img/overlay-p.png") no-repeat scroll 0px -48px;
    width: 992px;
    height: 48px;
    position: relative;
	
}
body.premium #base-header .premium-bg.fade {
    background-position: 0px 0px;
    transition: background-position 1s linear 1s;
}
 
 
 .serverbrowser-invite-status {
	width: 100px; text-align: right; float: right;
}
.serverbrowser-invite-list-container {
	margin-top: 16px;
}
.serverbrowser-invite-username {
	width: 160px; overflow: hidden; margin-left: 6px;
}
.serverbrowser-invite-status {
	width: 100px; font-size: 11px;
}
.serverbrowser-invite-text {
	width: 75px; text-align: left; padding-left: 6px; float: left; display: block;
}
.serverbrowser-invite-img-waiting {
	width: 16px; height: 16px; margin-top: 5px; float: left;
}
.serverbrowser-invite-img-joining {
	width: 16px; height: 16px; margin-top: 5px; float: left;
}
.serverbrowser-invite-img-declined {
	width: 16px; height: 16px; margin-top: 5px; float: left;
}
.serverbrowser-invite-img-waiting {
	background: url("../serverguide/invited_loader.gif");
}
.serverbrowser-invite-img-joining {
	background: url("../serverguide/invited_status.png"); width: 11px; height: 11px; margin-top: 8px; margin-left: 2px;
}
.serverbrowser-invite-img-declined {
	background: url("../serverguide/invited_status.png") 0px 11px; width: 11px; height: 11px; margin-top: 8px;
}
#serverbrowser-search-container {
	margin: 0px auto; top: 122px; width: 992px; height: 33px; position: relative;
}
#serverbrowser-search {
	background: url("../serverguide/search.png") white; width: 405px; height: 34px; clear: both;
}
#serverbrowser-search-input {
	background-position: 5px 10px; padding: 8px 8px 8px 23px; width: 123px; font-size: 14px; background-image: url("../base/shared/search-icon-white.png"); background-repeat: no-repeat;
}
#serverbrowser-search-button {
	background: url("../serverguide/search-button.png"); border: 0px currentColor; border-image: none; width: 21px; height: 28px; margin-top: 3px; float: left; cursor: pointer;
}
#serverbrowser-content {
	width: 100%;
}
#serverbrowser-content .common-box-inner-border {
	border-top-color: currentColor; border-right-color: currentColor; border-left-color: currentColor; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-left-style: none; border-right-width-value: 1px; border-left-width-value: 1px;
}
.serverbrowser-selectable span {
	font-size: 12px; font-weight: normal; margin-left: 20px; text-shadow: none;
}
.serverbrowser-include.serverbrowser-selectable span {
	font-weight: bold;
}
.serverbrowser-noinclude.serverbrowser-selectable span {
	font-weight: bold;
}
#serverbrowser-apply-filters .serverbrowser-filter-search {
	width: 440px; height: 49px; text-align: left; bottom: -2px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; position: absolute;
}
#serverbrowser-apply-filters .serverbrowser-filter-search h1 {
	top: 17px; text-transform: uppercase; font-size: 11px; font-weight: bold; margin-left: 14px; float: left; position: relative;
}
#serverbrowser-apply-filters .serverbrowser-filter-search input {
	top: -3px; margin-left: 10px; float: left; position: relative;
}
#serverbrowser-filters .serverbrowser-filter-game {
	width: 227px; height: 160px;
}
#serverbrowser-filters .serverbrowser-filter-search {
	width: 227px; height: 100px;
}
#serverbrowser-filters .filtergameexpansionvenice {
	width: 228px; float: left;
}
#serverbrowser-filters .filtergameexpansion {
	width: 184px; margin-left: 16px; float: left;
}
#serverbrowser-filters .serverbrowser-filter-gamemode {
	width: 403px; border-right-color: currentColor; border-right-width: medium; border-right-style: none; min-height: 0px;
}
#serverbrowser-filters .serverbrowser-filter-region {
	width: 227px; height: 136px;
}
#serverbrowser-filters .serverbrowser-filter-slots {
	width: 139px; height: 404px; position: relative;
}
#serverbrowser-filters .serverbrowser-filter-gametype {
	height: 49px;
}
#serverbrowser-filters .serverbrowser-filter-extra {
	height: 100%; min-height: 404px;
}
#serverbrowser-filters .serverbrowser-filter-map {
	padding: 0px; width: 403px; height: 267px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
#serverbrowser-filters .serverbrowser-filter-mapmode-wrapper {
	background: rgb(236, 236, 236); width: 403px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none; float: left; -ms-overflow-y: auto; min-height: 328px; max-height: 428px;
}
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-name {
	width: 100%; height: 30px; clear: both; float: left; position: relative;
}
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-name h1 {
	text-align: left; text-transform: uppercase; clear: both; font-family: Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; margin-top: 12px; margin-right: 0px; margin-left: 16px; float: left; position: relative; text-shadow: none; -webkit-user-select: text; -moz-user-select: text; user-select: text;
}
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables {
	width: 100%; padding-bottom: 3px; position: relative;
}
#serverbrowser-filters .serverbrowser-filter-map.serverbrowser-filter .serverbrowser-filter-selectables {
	padding-bottom: 4px;
}
#serverbrowser-filters .serverbrowser-filter-map.serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable {
	width: 184px; height: 21px; line-height: 21px; overflow: hidden; clear: none; margin-top: 2px; margin-left: 16px; float: left; white-space: nowrap; position: relative; -ms-text-overflow: ellipsis;
}
#serverbrowser-filters .serverbrowser-filter-map.serverbrowser-filter .serverbrowser-filter-selectables .multicolumn.serverbrowser-selectable {
	clear: none; float: left;
}
#serverbrowser-filters .serverbrowser-filter-map.serverbrowser-filter .serverbrowser-filter-selectables .second.multicolumn.serverbrowser-selectable {
	margin-left: 10px;
}
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-label {
	font-size: 14px; font-weight: bold; margin-top: 12px; margin-right: 8px; float: left; text-shadow: 0px 1px 1px #fff;
}
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable {
	margin: 0px 0px 2px 16px; width: 85%; text-align: left; line-height: 16px; clear: both; float: left; display: block; position: relative; cursor: pointer;
}
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable-small.serverbrowser-selectable {
	margin: 8px 34px 8px 0px; width: 41px; height: 28px; text-align: center; line-height: 28px;
}
.serverbrowser-selectable {
	font-size: 13px; font-weight: normal; text-shadow: 0px 1px 1px #fff; -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none;
}
.serverbrowser-filter-map#serverbrowser-filters .serverbrowser-filter-selectables .serverbrowser-selectable span {
	top: 1px; width: 120px; display: block;
}
#serverbrowser-filters .serverbrowser-filter-selectables .serverbrowser-exclude.serverbrowser-selectable:hover span {
	color: rgb(53, 53, 53); font-weight: bold;
}
#serverbrowser-filters .serverbrowser-filter-selectables .serverbrowser-disabled.serverbrowser-selectable span {
	color: rgb(199, 199, 199);
}
.serverbrowser-filter-map#serverbrowser-filters .serverbrowser-filter-selectables .serverbrowser-disabled.serverbrowser-selectable img {
	opacity: 0.3;
}
#serverbrowser-filters .serverbrowser-filter-selectables .serverbrowser-selectable-small.serverbrowser-selectable span {
	margin-left: 0px;
}
#serverbrowser-filters .serverbrowser-filter.serverbrowser-filter-game .serverbrowser-filter-selectables .serverbrowser-selectable {
	height: 51px;
}
#serverbrowser-filters .serverbrowser-filter.serverbrowser-filter-game .serverbrowser-filter-selectables .serverbrowser-selectable-game-bfbc2.serverbrowser-selectable .ticbox {
	top: 10px;
}
#serverbrowser-filters .serverbrowser-filter.serverbrowser-filter-game .serverbrowser-filter-selectables .serverbrowser-selectable-game-bfbc2nam.serverbrowser-selectable .ticbox {
	top: 18px;
}
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable .serverbrowser-selectable-background-icon {
	left: 20px; width: 150px; position: relative; z-index: 0;
}
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-exclude.serverbrowser-selectable .serverbrowser-selectable-background-icon {
	opacity: 0.7;
}
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-exclude.serverbrowser-selectable .serverbrowser-selectable-background-icon:hover {
	opacity: 1;
}
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable#serverbrowser-squaddeathmatch .serverbrowser-selectable-background-icon {
	top: 7px;
}
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable#serverbrowser-squadrush .serverbrowser-selectable-background-icon {
	top: 6px;
}
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable#serverbrowser-rush .serverbrowser-selectable-background-icon {
	top: 6px;
}
#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-filter-gamemode-item.serverbrowser-selectable {
	width: 184px; clear: none; float: left;
}
.ticbox {
	background: url("../serverbrowserwarsaw/icon-checkbox-4.png") no-repeat; left: 0px; top: 6px; width: 10px; height: 10px; position: absolute;
}
.serverbrowser-exclude .ticbox {
	background-position: 0px -301px;
}
.serverbrowser-exclude:hover .ticbox {
	background-position: 0px -400px;
}
.serverbrowser-include .ticbox {
	background-position: 0px 0px;
}
.serverbrowser-include:hover .ticbox {
	background-position: 0px -101px;
}
.serverbrowser-noinclude .ticbox {
	background-position: 0px -800px;
}
.serverbrowser-noinclude:hover .ticbox {
	background-position: 0px -800px;
}
.serverbrowser-disabled .ticbox {
	background-position: 0px -40px; opacity: 0.4;
}
.serverbrowser-disabled:hover {
	background-position: 0px -40px; cursor: default !important;
}
.serverbrowser-selectable-small.serverbrowser-include {
	background: url("../serverguide/bfbc2/selectable-small.png"); width: 41px; height: 28px;
}
.serverbrowser-selectable-small.serverbrowser-exclude {
	background: url("../serverguide/bfbc2/selectable-small.png") 0px 56px;
}
.serverbrowser-selectable-small:hover {
	background: url("../serverguide/bfbc2/selectable-small.png") 0px 28px;
}
.serverbrowser-ignore {
	background: rgb(153, 153, 153); border: 1px solid rgb(102, 102, 102); border-image: none;
}
#serverbrowser-filters .serverbrowser-filter-map.serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable img {
	margin: 0px -9px 0px 18px; width: 30px; height: 21px; float: left;
}
#serverbrowser-apply-filters {
	text-align: right; margin-top: 16px;
}
#serverbrowser-open-region-link {
	top: 4px; font-weight: normal; margin-left: 10px; float: left; position: relative;
}
#serverbrowser-open-advanced-link {
	top: 4px; font-weight: normal; margin-left: 10px; float: left; position: relative;
}
#serverbrowser-show-loading {
	width: 195px; display: none;
}
#serverbrowser-show-loading img {
	left: 85px; top: 5px; position: relative;
}
#serverbrowser-noservers .box-content {
	text-align: center;
}
#serverbrowser-noservers .box-content p {
	background: none; font-size: 16px;
}
#serverbrowser-noservers .box-content h1 {
	font-size: 30px; font-weight: bold;
}
.serverbrowser-list {
	width: 681px; margin-bottom: 16px; float: left; position: relative;
}
.serverbrowser-list .common-box-container {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
#serverbrowser-result {
	width: 679px; border-bottom-width: 0px;
}
#serverbrowser-result #results-container {
	position: relative;
}
#serverbrowser-apply-filters #serverbrowser-join-random span {
	margin-left: 10px;
}
#serverbrowser-result p {
	background: rgb(238, 238, 236); padding: 20px; font-size: 14px; font-weight: normal;
}
#serverbrowser-no-result p {
	padding: 20px; font-size: 14px; font-weight: normal;
}
.serverbrowser-join-ie7fix {
	padding-left: 5px; margin-top: 0px;
}
.serverbrowser-headercells {
	background: url("../common/box-title-gradient-with-lin.png") repeat-x 0px 0px; left: 0px; top: 0px; width: 679px; height: 28px; position: relative; cursor: default;
}
.serverbrowser-bodycells {
	background: rgb(254, 254, 254); padding: 1px 0px 0px; height: 47px; line-height: 47px; margin-top: 0px; border-top-color: rgb(237, 237, 237); border-top-width: 1px; border-top-style: solid; position: relative; cursor: pointer;
}
.serverbrowser-bodycells:hover {
	background-color: rgb(243, 243, 243);
}
.serverbrowser-bodycells .serverbrowser-cell-join input[type=submit] {
	visibility: hidden;
}
.serverbrowser-server-friends-playing {
	background: rgb(231, 238, 241); border-top-color: rgb(219, 226, 229);
}
.active.serverbrowser-bodycells {
	background: rgb(53, 53, 53); margin-top: 1px; border-top-color: currentColor; border-top-width: medium; border-top-style: none; z-index: 10;
}
.active.serverbrowser-bodycells::before {
	background: rgb(53, 53, 53); top: 2px; width: 1px; height: 44px; right: -1px; display: block; position: absolute; content: "";
}
.active.serverbrowser-bodycells::after {
	border-width: 26px medium 22px 12px; border-style: solid none solid solid; border-color: transparent currentColor transparent rgb(53, 53, 53); left: 100%; top: 0px; position: absolute; content: "";
}
.serverbrowser-headercell {
	border: 0px currentColor; border-image: none; height: 30px; line-height: 30px; font-family: Arial, sans-serif; font-size: 11px; float: left;
}
.serverbrowser-bodycell {
	border-width: 0px 1px 0px 0px; border-style: none solid none none; border-color: currentColor rgb(242, 242, 242) currentColor currentColor; border-image: none; height: 47px; line-height: 30px; overflow: hidden; padding-right: 1px; font-family: Arial, sans-serif; font-size: 11px; float: left;
}
.serverbrowser-server-friends-playing .serverbrowser-bodycell {
	border-right-color: rgb(224, 231, 233);
}
.serverbrowser-bodycells:hover .serverbrowser-bodycell {
	border-right-color: rgb(232, 232, 232);
}
.active.serverbrowser-bodycells .serverbrowser-bodycell {
	height: 47px; border-right-color: rgb(44, 44, 44); border-right-width: 1px; border-right-style: solid;
}
.serverbrowser-cell-noborder.serverbrowser-bodycell {
	padding-right: 0px;
}
.serverbrowser-bodycell .serverbrowser-bodycell-border {
	width: 1px; height: 38px; margin-top: 1px; float: right; position: relative; background-color: rgb(242, 242, 242);
}
.active.serverbrowser-bodycells .serverbrowser-bodycell .serverbrowser-bodycell-border {
	background-color: rgb(44, 44, 44);
}
.active.serverbrowser-bodycells .serverbrowser-bodycell a {
	font-weight: bold;
}
.serverbrowser-bodycells .serverbrowser-cell-noborder.serverbrowser-bodycell {
	border: 0px currentColor; border-image: none;
}
.serverbrowser-headercell {
	font-size: 11px; font-weight: normal; position: relative; text-shadow: none;
}
.serverbrowser-sort-down {
	background: url("../common/box-title-gradient-active.png") repeat-x 0px 0px;
}
.serverbrowser-sort-up {
	background: url("../common/box-title-gradient-active.png") repeat-x 0px 0px;
}
.serverbrowser-headersep {
	width: 1px; height: 28px; margin-left: 0px; float: left; background-color: rgb(215, 215, 215);
}
.serverbrowser-bodycell {
	color: rgb(138, 138, 138); line-height: 47px; font-size: 11px; font-weight: normal; margin-top: 0px;
}
.serverbrowser-cell-expansion {
	width: 39px; position: relative;
}
.serverbrowser-cell-expansion > .premium {
	left: 2px; top: 2px; width: 3px; height: 43px; position: absolute; background-color: rgb(255, 193, 127);
}
.active.serverbrowser-bodycells .serverbrowser-cell-expansion > .premium {
	background-color: rgb(204, 112, 13);
}
.serverbrowser-cell-expansion.serverbrowser-headercell {
	width: 40px;
}
.serverbrowser-cell-official {
	width: 32px; display: none;
}
.serverbrowser-cell-fav {
	width: 32px;
}
.serverbrowser-cell-friendfavs {
	width: 32px; text-align: center; color: rgb(53, 53, 53); font-size: 12px; font-weight: bold;
}
.serverbrowser-cell-friend {
	width: 32px; text-align: center; color: rgb(53, 53, 53); font-size: 12px; font-weight: bold;
}
.serverbrowser-cell-name {
	width: 418px; line-height: normal;
}
.special-column .serverbrowser-cell-name {
	width: 151px;
}
.serverbrowser-cell-players {
	width: 65px; font-size: 11px;
}
.serverbrowser-cell-free {
	width: 54px;
}
.serverbrowser-cell-map {
	width: 136px; position: relative;
}
.serverbrowser-cell-mode {
	width: 77px;
}
.serverbrowser-cell-type-wrapper {
	width: 22px;
}
.serverbrowser-cell-type-wrapper .serverbrowser-cell-type {
	height: 26px; margin-top: 4px;
}
.serverbrowser-cell-pb-wrapper {
	width: 23px; border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.serverbrowser-cell-pb-wrapper .serverbrowser-cell-pb {
	height: 26px; margin-top: 4px;
}
.serverbrowser-cell-lock {
	width: 34px;
}
.serverbrowser-cell-ranked-wrapper {
	width: 23px; border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.serverbrowser-cell-ranked-wrapper .serverbrowser-cell-ranked {
	height: 26px; margin-top: 4px;
}
.serverbrowser-cell-ping {
	width: 62px;
}
.serverbrowser-cell-join {
	width: 86px;
}
.serverbrowser-cell-expand {
	width: 12px;
}
.serverbrowser-cellend {
	clear: both;
}
.serverbrowser-favorite-off {
	background-repeat: no-repeat;
}
.serverbrowser-favorite-on {
	background-repeat: no-repeat;
}
.serverbrowser-favorite-header {
	background-repeat: no-repeat;
}
.serverbrowser-friends-off {
	background-repeat: no-repeat;
}
.serverbrowser-friends-on {
	background-repeat: no-repeat;
}
.serverbrowser-friends-header {
	background-repeat: no-repeat;
}
.serverbrowser-friendfavs-header {
	background-repeat: no-repeat;
}
.serverbrowser-password-off {
	background-repeat: no-repeat;
}
.serverbrowser-password-on {
	background-repeat: no-repeat;
}
.serverbrowser-password-header {
	background-repeat: no-repeat;
}
.serverbrowser-punkbuster-on {
	background-repeat: no-repeat;
}
.serverbrowser-punkbuster-off {
	background-repeat: no-repeat;
}
.serverbrowser-ranked-on {
	background-repeat: no-repeat;
}
.serverbrowser-ranked-off {
	background-repeat: no-repeat;
}
.serverbrowser-expansion-header {
	background-repeat: no-repeat;
}
.serverbrowser-official-on {
	background-repeat: no-repeat;
}
.serverbrowser-official-off {
	background-repeat: no-repeat;
}
.serverbrowser-official-header {
	background-repeat: no-repeat;
}
.serverbrowser-friendfavs-header {
	background-position: 11px -44px; width: 33px; background-image: url("../serverguide/icons_server.png");
}
.serverbrowser-friends-header {
	background-position: 11px -44px; width: 33px; background-image: url("../serverguide/icons_server.png");
}
.serverbrowser-friendfavs-header {
	background-position: -99px -43px;
}
.serverbrowser-friends-header.serverbrowser-sort-up {
	background-position: 11px -5px;
}
.serverbrowser-friends-header.serverbrowser-sort-down {
	background-position: 11px -5px;
}
.serverbrowser-friendfavs-header.serverbrowser-sort-up {
	background-position: -79px -4px;
}
.serverbrowser-friendfavs-header.serverbrowser-sort-down {
	background-position: -79px -4px;
}
.serverbrowser-ranked-header.serverbrowser-sort-up {
	background-position: -67px -3px;
}
.serverbrowser-ranked-header.serverbrowser-sort-down {
	background-position: -67px -3px;
}
.serverbrowser-pb-header.serverbrowser-sort-up {
	background-position: -138px -3px;
}
.serverbrowser-pb-header.serverbrowser-sort-down {
	background-position: -138px -3px;
}
.serverbrowser-type-header.serverbrowser-sort-up {
	background-position: -212px -4px;
}
.serverbrowser-type-header.serverbrowser-sort-down {
	background-position: -212px -4px;
}
.serverbrowser-cell-type {
	background-image: url("../serverguide/icons_server.png");
}
.serverbrowser-ranked-on {
	background-image: url("../serverguide/icons_server.png");
}
.serverbrowser-punkbuster-on {
	background-image: url("../serverguide/icons_server.png");
}
.serverbrowser-ranked-off {
	background-image: url("../serverguide/icons_server.png");
}
.serverbrowser-punkbuster-off {
	background-image: url("../serverguide/icons_server.png");
}
.serverbrowser-punkbuster-on {
	background-position: -138px 0px;
}
.active.serverbrowser-bodycells .serverbrowser-punkbuster-on {
	background-position: -137px -116px;
}
.serverbrowser-punkbuster-off {
	background-position: -138px -78px;
}
.active.serverbrowser-bodycells .serverbrowser-punkbuster-off {
	background-position: -137px -156px;
}
.serverbrowser-ranked-on {
	background-position: -64px 0px;
}
.active.serverbrowser-bodycells .serverbrowser-ranked-on {
	background-position: -62px -116px;
}
.serverbrowser-ranked-off {
	background-position: -62px -78px;
}
.active.serverbrowser-bodycells .serverbrowser-ranked-off {
	background-position: -62px -156px;
}
.serverbrowser-type-hardcore {
	background-position: -211px 0px;
}
.active.serverbrowser-bodycells .serverbrowser-type-hardcore {
	background-position: -211px -116px;
}
.serverbrowser-type-normal {
	background-position: -211px -78px;
}
.serverbrowser-type-custom {
	background-position: -211px -78px;
}
.active.serverbrowser-bodycells .serverbrowser-type-normal {
	background-position: -211px -156px;
}
.active.serverbrowser-bodycells .serverbrowser-type-infantry {
	background-position: 0px -116px;
}
.active.serverbrowser-bodycells .serverbrowser-type-custom {
	background-position: -211px -156px;
}
.serverbrowser-cell-expansion-normal {
	display: block;
}
.serverbrowser-cell-expansion-hover {
	display: none;
}
.serverbrowser-bodycells:hover .serverbrowser-cell-expansion-normal {
	display: none;
}
.serverbrowser-bodycells:hover .serverbrowser-cell-expansion-hover {
	display: block;
}
.serverbrowser-cell-expansion-button-play {
	background: url("../comcenter/icons-interact.png") -23px 0px; border: currentColor; border-image: none; width: 23px; height: 24px; margin-top: 11px; margin-left: 7px; float: left; cursor: pointer;
}
.serverbrowser-cell-expansion-button-play:hover {
	background-position: -46px 0px;
}
.serverbrowser-cell-expansion-button-play:active {
	background-position: -69px 0px;
}
.active.serverbrowser-bodycells .serverbrowser-cell-expansion-button-play {
	background-position: -161px 0px;
}
.active.serverbrowser-bodycells .serverbrowser-cell-expansion-button-play:hover {
	background-position: -184px 0px;
}
.active.serverbrowser-bodycells .active.serverbrowser-cell-expansion-button-play {
	background-position: -207px 0px;
}
.active.serverbrowser-bodycells .serverbrowser-cell-expansion-button-play:active {
	background-position: -207px 0px;
}
.base-button-general-dropdown.serverbrowser-cell-expansion-button-play:hover {
	background-position: -92px 0px;
}
.active.base-button-general-dropdown.serverbrowser-cell-expansion-button-play {
	background-position: -115px 0px;
}
.base-button-general-dropdown.serverbrowser-cell-expansion-button-play:active {
	background-position: -115px 0px;
}
.active.serverbrowser-bodycells .base-button-general-dropdown.serverbrowser-cell-expansion-button-play:hover {
	background-position: -230px 0px;
}
.active.serverbrowser-bodycells .active.base-button-general-dropdown.serverbrowser-cell-expansion-button-play {
	background-position: -253px 0px;
}
.active.serverbrowser-bodycells .base-button-general-dropdown.serverbrowser-cell-expansion-button-play:active {
	background-position: -253px 0px;
}
.serverbrowser-bodycells .serverbrowser-cell-expansion-hover .base-general-dropdown-area {
	border: 1px solid rgb(166, 166, 166); border-image: none; left: 5px; top: 35px; width: 130px;
}
.serverbrowser-bodycells .serverbrowser-cell-expansion-hover .base-general-dropdown-area a {
	color: rgb(53, 53, 53) !important;
}
.serverbrowser-bodycells .serverbrowser-cell-expansion-hover .base-general-dropdown-area li:hover a {
	color: rgb(255, 197, 0) !important;
}
.active.serverbrowser-bodycells .serverbrowser-cell-expansion-hover .base-general-dropdown-area span {
	display: block;
}
.serverbrowser-sort-arrow {
	margin: 0px auto; left: 0px; top: 0px; width: 7px; height: 4px; visibility: hidden; position: relative; z-index: 10;
}
.serverbrowser-sort-down .serverbrowser-sort-arrow {
	background: url("../serverguide/serverbrowser-sort.gif") no-repeat bottom; top: -6px; visibility: visible;
}
.serverbrowser-sort-up .serverbrowser-sort-arrow {
	background: url("../serverguide/serverbrowser-sort.gif") no-repeat; top: -28px; visibility: visible;
}
.serverbrowser-cell-name span {
	padding-top: 8px; padding-left: 10px; float: left;
}
.serverbrowser-cell-map span {
	padding-top: 8px; padding-left: 10px; float: left;
}
.serverbrowser-cell-type span {
	padding-top: 8px; padding-left: 10px; float: left;
}
.serverbrowser-cell-mode span {
	padding-top: 8px; padding-left: 10px; float: left;
}
.serverbrowser-cell-name .serverbrowser-hasPassword {
	background-position: -288px -13px; width: 8px; height: 12px; margin-top: 7px; margin-right: 1px; margin-left: 2px; float: left; background-image: url("../serverguide/icons_server.png");
}
.active.serverbrowser-bodycells .serverbrowser-cell-name .serverbrowser-hasPassword {
	background-position: -288px -131px; margin-top: 8px;
}
.serverbrowser-cell-mode span {
	text-transform: capitalize;
}
.serverbrowser-bodycells .serverbrowser-cell-map span {
	padding-left: 49px;
}
.serverbrowser-cell-map img {
	left: 10px; top: 8px; position: absolute;
}
.serverbrowser-cell-players {
	text-align: center;
}
.serverbrowser-cell-free {
	text-align: center;
}
.serverbrowser-cell-pb {
	text-align: center;
}
.serverbrowser-cell-ranked {
	text-align: center;
}
.serverbrowser-cell-ping {
	text-align: center;
}
.serverbrowser-cell-players.serverbrowser-bodycell {
	font-size: 12px;
}
.serverbrowser-cell-players {
	text-align: left; padding-left: 10px;
}
.serverbrowser-cell-ping {
	text-align: left; padding-left: 10px;
}
.serverbrowser-cell-players.serverbrowser-headercell {
	color: rgb(47, 141, 191);
}
.serverbrowser-cell-ping.serverbrowser-headercell {
	color: rgb(47, 141, 191);
}
.serverbrowser-punkbuster {
	margin-top: 6px; margin-right: 32px; float: left;
}
.serverbrowser-ranked {
	margin-top: 6px; margin-right: 32px; float: left;
}
.serverbrowser-slots {
	margin-top: 6px; margin-right: 32px; float: left;
}
.serverbrowser-cell-name-server-ping-lines-wrapper {
	margin: 20px 6px 0px 0px; width: 12px; height: 8px; float: left;
}
.serverbrowser-cell-name-server-ping-line {
	width: 2px; margin-right: 1px; float: left; background-color: rgb(237, 237, 237);
}
.serverbrowser-bodycells:hover .serverbrowser-cell-name-server-ping-line {
	background-color: rgb(229, 229, 229);
}
.active.serverbrowser-bodycells .serverbrowser-cell-name-server-ping-line {
	background-color: rgb(96, 96, 96);
}
.worst.serverbrowser-cell-name-server-ping-line {
	height: 2px; margin-top: 6px;
}
.bad.serverbrowser-cell-name-server-ping-line {
	height: 4px; margin-top: 4px;
}
.good.serverbrowser-cell-name-server-ping-line {
	height: 6px; margin-top: 2px;
}
.best.serverbrowser-cell-name-server-ping-line {
	height: 8px;
}
.ping-worst.serverbrowser-cell-name-server-ping-lines-wrapper .worst.serverbrowser-cell-name-server-ping-line {
	background-color: rgb(255, 0, 0);
}
.ping-bad.serverbrowser-cell-name-server-ping-lines-wrapper .worst.serverbrowser-cell-name-server-ping-line {
	background-color: rgb(255, 170, 7);
}
.ping-bad.serverbrowser-cell-name-server-ping-lines-wrapper .bad.serverbrowser-cell-name-server-ping-line {
	background-color: rgb(255, 170, 7);
}
.ping-good.serverbrowser-cell-name-server-ping-lines-wrapper .worst.serverbrowser-cell-name-server-ping-line {
	background-color: rgb(153, 184, 57);
}
.ping-good.serverbrowser-cell-name-server-ping-lines-wrapper .bad.serverbrowser-cell-name-server-ping-line {
	background-color: rgb(153, 184, 57);
}
.ping-good.serverbrowser-cell-name-server-ping-lines-wrapper .good.serverbrowser-cell-name-server-ping-line {
	background-color: rgb(153, 184, 57);
}
.ping-best.serverbrowser-cell-name-server-ping-lines-wrapper .worst.serverbrowser-cell-name-server-ping-line {
	background-color: rgb(57, 181, 74);
}
.ping-best.serverbrowser-cell-name-server-ping-lines-wrapper .bad.serverbrowser-cell-name-server-ping-line {
	background-color: rgb(57, 181, 74);
}
.ping-best.serverbrowser-cell-name-server-ping-lines-wrapper .good.serverbrowser-cell-name-server-ping-line {
	background-color: rgb(57, 181, 74);
}
.ping-best.serverbrowser-cell-name-server-ping-lines-wrapper .best.serverbrowser-cell-name-server-ping-line {
	background-color: rgb(57, 181, 74);
}
.serverbrowser-cell-name-server-map-image {
	margin-top: 6px; margin-right: 8px; float: left;
}
.serverbrowser-cell-name-server-wrapper {
	width: 358px; overflow: hidden; float: left; position: relative;
}
.serverbrowser-cell-name-server-name {
	padding: 7px 0px 3px 2px; height: 15px; color: rgb(53, 53, 53); overflow: hidden; font-weight: bold; float: left; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 345px;
}
body .serverbrowser-cell-name-server-name:hover {
	text-decoration: none;
}
.serverbrowser-cell-name-server-info {
	padding: 1px 0px 0px 2px; color: rgb(197, 197, 197); font-size: 11px; font-weight: normal;
}
.serverbrowser-cell-name-server-info span {
	padding: 0px 2px; top: -1px; color: rgb(138, 138, 138); float: none; position: relative;
}
.active.serverbrowser-bodycells .serverbrowser-cell-name-server-info {
	color: rgb(138, 138, 138);
}
.active.serverbrowser-bodycells .serverbrowser-cell-name-server-info span {
	color: rgb(197, 197, 197);
}
.serverbrowser-name-header-sorting-extra {
	padding: 8px 10px 0px 0px; color: rgb(138, 138, 138); font-size: 11px; font-weight: normal; float: right;
}
.serverbrowser-name-header-sorting-extra a {
	font-size: 11px; font-weight: normal;
}
.serverbrowser-name-header-sorting-extra a.serverbrowser-sort-up {
	background: none; color: rgb(0, 0, 0);
}
.serverbrowser-name-header-sorting-extra a.serverbrowser-sort-down {
	background: none; color: rgb(0, 0, 0);
}
.serverbrowser-name-header-sorting-extra a.serverbrowser-sort-up:hover {
	text-decoration: none; cursor: default;
}
.serverbrowser-name-header-sorting-extra a.serverbrowser-sort-down:hover {
	text-decoration: none; cursor: default;
}
[data-sorting=map].serverbrowser-list .serverbrowser-cell-name-server-info-map {
	font-weight: bold; colohideFooterr: #353535;
}
[data-sorting=friend].serverbrowser-list .serverbrowser-cell-name-server-info-friend {
	font-weight: bold; colohideFooterr: #353535;
}
[data-sorting=mode].serverbrowser-list .serverbrowser-cell-name-server-info-mode {
	font-weight: bold; colohideFooterr: #353535;
}
#serverbrowser-show-column .serverbrowser-offline-info {
	min-height: 400px;
}
#serverbrowser-show-column .common-secondary-column-line {
	margin: 6px 0px; width: 295px;
}
#serverbrowser-show-column .common-secondary-simple-column-line {
	margin: 6px 0px; width: 295px;
}
#serverbrowser-show-column .common-gameicon {
	top: 17px; margin-right: 5px; float: left; position: relative;
}
#serverbrowser-show-column h1 {
	width: 264px; padding-top: 16px; float: left; -ms-word-wrap: break-word;
}
#serverbrowser-show-column hr {
	border-width: 0px; margin: 10px 0px; width: 295px; height: 1px; color: rgb(223, 223, 223); float: left; background-color: rgb(223, 223, 223);
}
#serverbrowser-region-serverfilter-popup {
	width: 214px; margin-left: 16px; float: left;
}
#serverbrowser-country-serverfilter-popup {
	width: 420px; float: left;
}
#serverbrowser-region-serverfilter-popup h1 {
	margin: 12px 0px 0px; width: 100%; text-align: left; color: rgb(138, 138, 138); text-transform: uppercase; line-height: 11px; clear: both; font-family: Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; float: left; position: relative; text-shadow: none;
}
#serverbrowser-country-serverfilter-popup h1 {
	margin: 12px 0px 0px; width: 100%; text-align: left; color: rgb(138, 138, 138); text-transform: uppercase; line-height: 11px; clear: both; font-family: Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; float: left; position: relative; text-shadow: none;
}
.serverbrowser-region-countries {
	display: none;
}
.serverbrowser-region-filter-show {
	width: 100%; color: rgb(255, 255, 255); line-height: 25px; clear: both; font-size: 14px; font-weight: normal; position: relative; cursor: pointer;
}
.serverbrowser-region-filter-show span.label:hover {
	text-decoration: underline;
}
.showing.serverbrowser-region-filter-show {
	font-weight: bold; cursor: default;
}
.showing.serverbrowser-region-filter-show:hover {
	text-decoration: none;
}
.region-server-filter div h1 {
	padding-bottom: 16px;
}
.serverbrowser-regionfilter-selectable {
	width: 100%; height: 20px; line-height: 1.7; clear: both; font-size: 12px; position: relative;
}
.serverbrowser-regionfilter-selectable:hover {
	font-weight: bold;
}
.serverbrowser-regionfilter-selectable {
	text-indent: 16px;
}
#popup-serveradvancedfilter-settings-gamesettings .serverguide-advancedfilter-selectable {
	text-indent: 16px;
}
.serverbrowser-regionfilter-selectable .ticbox:hover {
	font-weight: bold; cursor: pointer;
}
.serverbrowser-regionfilter-selectable span:hover {
	font-weight: bold; cursor: pointer;
}
#popup-serveradvancedfilter-settings-gamesettings .serverguide-advancedfilter-selectable .ticbox:hover {
	font-weight: bold; cursor: pointer;
}
#popup-serveradvancedfilter-settings-gamesettings .serverguide-advancedfilter-selectable span:hover {
	font-weight: bold; cursor: pointer;
}
.even-column.serverbrowser-regionfilter-selectable {
	width: 200px; clear: none; float: left;
}
.odd-column.serverbrowser-regionfilter-selectable {
	width: 200px; clear: none; float: left;
}
.region-server-filter {
	width: 682px;
}
.region-server-filter h1 {
	width: 100%; text-align: left; color: rgb(138, 138, 138); text-transform: uppercase; clear: both; font-family: Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; margin-top: 12px; margin-right: 0px; float: left; position: relative; text-shadow: none;
}
.advanced-server-filter h1 {
	width: 100%; text-align: left; color: rgb(138, 138, 138); text-transform: uppercase; clear: both; font-family: Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; margin-top: 12px; margin-right: 0px; float: left; position: relative; text-shadow: none;
}
#serverbrowser-filters .serverguide-filter #serverbrowser-region-settings-checkbox {
	width: auto; float: left;
}
.serverbrowser-show-join-button-wrapper {
	top: 0px; right: 0px; position: absolute;
}
.serverbrowser-regionfilter-selectable-selectall {
	width: 100%; line-height: 24px; text-indent: 16px; padding-bottom: 6px; clear: both; position: relative;
}
.serverbrowser-regionfilter-selectable-selectall:hover {
	font-weight: bold; cursor: pointer;
}
.serverbrowser-regionfilter-selectable {
	width: 100%; height: 20px; line-height: 1.7; clear: both; font-size: 12px; position: relative;
}
.serverbrowser-regionfilter-selectable:hover {
	font-weight: bold;
}
.play-now-menu > ul {
	width: 100%; margin-top: 1px;
}
.play-now-menu > ul > li {
	padding: 0px; width: 100%; overflow: hidden; margin-bottom: 1px; position: relative; -ms-text-overflow: ellipsis;
}
.play-now-menu > ul > li.active > a {
	color: black; font-family: Purista, sans-serif; font-style: normal; font-weight: 600; box-shadow: 0px 0px 7px 0px #e0f4f8; background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%); background-color: white;
}
.play-now-menu > ul > li.active > a:active {
	color: black; font-family: Purista, sans-serif; font-style: normal; font-weight: 600; box-shadow: 0px 0px 7px 0px #e0f4f8; background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%); background-color: white;
}
.play-now-menu > ul > li.premium {
	background: radial-gradient(at center, rgba(255, 239, 123, 0.45) 0%, rgba(255, 184, 0, 0.25) 10%, transparent 70%) no-repeat center -24px;
}
.play-now-menu > ul > li .icon-premium-p {
	right: 6px; bottom: 6px; position: absolute;
}
.play-now-menu > ul > li > div {
	background: rgb(24, 41, 55); left: 8px; top: 8px; width: 57px; height: 32px; position: absolute;
}
.play-now-menu > ul > li:not(.active) > a:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
.play-now-menu > ul > li > a {
	padding: 8px 0px 8px 80px; text-transform: uppercase; line-height: 31px; overflow: hidden; font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; text-decoration: none; display: block; white-space: nowrap; cursor: pointer; -ms-text-overflow: ellipsis; background-color: rgba(7, 7, 7, 0.5);
}
.playnow-tab-content {
	position: relative; min-height: 432px;
}
.playnow-tab-content div.game-mode-image {
	margin: 0px -16px; text-align: center; overflow: hidden; position: relative; min-height: 164px;
}
.playnow-tab-content div.game-mode-image .image {
	background-position: -329px; transition:0.5s; width: 663px; height: 164px; opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-filter: blur(0px);
}
.playnow-tab-content div.game-mode-image .show-on-load.image {
	opacity: 0; -webkit-filter: blur(10px);
}
.playnow-tab-content div.game-mode-image .play-button {
	left: 287px; top: 37px; width: 90px; height: 90px; position: absolute; z-index: 1; cursor: pointer; opacity: 0.5; background-image: url("../serverbrowserwarsaw/playbutton-circle.png"); background-repeat: no-repeat;
}
.playnow-tab-content div.game-mode-image .play-button:hover {
	opacity: 0.75;
}
.playnow-tab-content p.objective-text {
	height: 88px; text-transform: uppercase; line-height: 22px; overflow: hidden; padding-right: 200px; font-family: Purista, sans-serif; font-style: normal; font-weight: 400; margin-bottom: 16px; -ms-text-overflow: ellipsis;
}
.playnow-tab-content .game-mode-objectives {
	width: 450px; margin-top: 16px; float: left;
}
.playnow-tab-content .game-mode-objectives p {
	color: rgb(168, 168, 168); line-height: 22px; font-size: 12px;
}
.playnow-tab-content .game-mode-objectives ul.objectives {
	margin-bottom: 16px; list-style-type: disc; list-style-position: inside;
}
.playnow-tab-content .game-mode-objectives ul.objectives > li {
	padding: 4px; color: rgb(168, 168, 168); font-size: 14px; margin-left: 16px; list-style-position: outside;
}
.playnow-tab-content .game-mode-objectives ul.maps > li {
	width: 62px; height: 42px; margin-right: 6px; float: left;
}
.playnow-tab-content .game-mode-objectives h5 {
	line-height: 22px; font-size: 14px; margin-bottom: 0px;
}
.playnow-tab-content button {
	top: 16px; right: 16px; position: absolute;
}
.playnow-tab-content .game-mode-legends {
	width: 150px; margin-top: 16px; float: right;
}
.playnow-tab-content .game-mode-legends ul > li {
	color: rgb(255, 255, 255); text-transform: uppercase; font-size: 12px; margin-bottom: 4px;
}
.playnow-tab-content .game-mode-legends ul > li#legend-squad {
	color: rgb(158, 197, 85);
}
.playnow-tab-content .game-mode-legends ul > li#legend-friendly {
	color: rgb(101, 187, 238);
}
.playnow-tab-content .game-mode-legends ul > li#legend-friendly-base {
	color: rgb(101, 187, 238);
}
.playnow-tab-content .game-mode-legends ul > li#legend-enemy {
	color: rgb(214, 117, 125);
}
.playnow-tab-content .game-mode-legends ul > li#legend-enemy-base {
	color: rgb(214, 117, 125);
}
.playnow-tab-content .game-mode-legends ul > li span {
	padding-left: 6px;
}
.legend-icon {
	background: url("../serverbrowserwarsaw/icons-gameexplain.png") no-repeat; width: 25px; height: 25px; vertical-align: middle; display: inline-block;
}
.neutral.legend-icon {
	background-position: 0px 0px; opacity: 1;
}
.friendly-base.legend-icon {
	background-position: 0px -25px; opacity: 1;
}
.enemy-base.legend-icon {
	background-position: 0px -50px; opacity: 1;
}
.squad.legend-icon {
	background-position: 0px -75px; opacity: 1;
}
.friendly.legend-icon {
	background-position: 0px -100px; opacity: 1;
}
.enemy.legend-icon {
	background-position: 0px -125px; opacity: 1;
}
#server-page header .server-buttons + .server-title {
	width: 850px;
}
#server-page header .can-favorite.server-buttons + .server-title {
	width: 760px;
}
#server-page header .server-buttons {
	padding-top: 6px;
}
#server-page header .server-buttons .btn {
	padding-right: 10px; padding-left: 8px;
}
#server-page header .server-buttons .refresh.btn {
	line-height: 32px; padding-right: 8px; padding-left: 8px;
}
#server-page header .server-buttons .btn .star {
	padding-right: 5px; vertical-align: top; display: inline-block;
}
#server-page header .server-buttons .btn .star::after {
	color: rgba(255, 255, 255, 0.3); font-size: 22px; position: relative; z-index: 1; content: "?";
}
#server-page header .server-buttons .starred.btn .star::after {
	color: rgb(255, 255, 255);
}
#live-header {
	margin-bottom: 4px;
}
#live-header header {
	padding: 0px 5px 0px 8px;
}
#live-header header .switch-container {
	margin-top: 5px;
}
#live-header header p {
	margin: -2px 8px 0px 0px; line-height: 17px; font-size: 13px;
}
#live-header .box-content {
	padding: 8px 16px; font-family: Purista, sans-serif; font-style: normal; font-weight: 400;
}
#selected-server-scoreboard .box {
	position: relative;
}
#selected-server-scoreboard .box-content {
	min-height: 32px;
}
#selected-server-scoreboard .error {
	color: rgb(168, 168, 168); line-height: 14px; font-size: 12px;
}
#selected-server-scoreboard .team {
	color: rgb(255, 159, 128); font-family: Purista, sans-serif; font-style: normal; font-weight: 400;
}
#selected-server-scoreboard :first-child.team {
	color: rgb(148, 205, 243);
}
#selected-server-scoreboard .pull-right.team {
	text-align: right;
}
#selected-server-scoreboard .team .team-score {
	line-height: 24px; font-family: Purista, sans-serif; font-size: 20px; font-style: normal; font-weight: 600; margin-top: 4px;
}
#selected-server-scoreboard .progress-bar {
	margin: 1px 8px; width: 60px;
}
#selected-server-scoreboard .home.progress-bar {
	background-color: rgba(151, 215, 246, 0.4);
}
#selected-server-scoreboard .away.progress-bar {
	background-color: rgba(233, 167, 137, 0.4);
}
#selected-server-scoreboard .round-time {
	left: 0px; width: 100%; text-align: center; bottom: 16px; color: rgb(168, 168, 168); line-height: 20px; font-size: 12px; position: absolute;
}
#selected-server-scoreboard .targets {
	line-height: 12px; font-size: 12px; margin-bottom: 4px;
}
#selected-server-scoreboard .targets .target {
	padding: 1px; border: 1px solid currentColor; border-image: none; width: 12px; height: 12px; text-align: center; display: inline-block;
}
#selected-server-scoreboard .targets .destroyed.target {
	opacity: 0.3;
}
#selected-server-scoreboard .lspace {
	letter-spacing: 0.13em; margin-right: -0.13em;
}
#selected-server-scoreboard .gamemode-8 .team {
	margin-bottom: 2px;
}
#selected-server-scoreboard .gamemode-8 .team-name {
	width: 56px; text-align: right; padding-right: 8px;
}
#selected-server-scoreboard .gamemode-8 .team-score {
	margin: 0px; width: 36px; line-height: inherit; font-family: inherit; font-size: inherit; font-weight: inherit;
}
#selected-server-scoreboard .gamemode-8 .progress-bar {
	width: 96px; margin-right: 0px;
}
#selected-server-scoreboard .gamemode-8 .round-time {
	line-height: 12px; margin-top: 8px; position: inherit;
}
#selected-server-scoreboard .gamemode-32 .round-time {
	bottom: 34px;
}
#selected-server-scoreboard .gamemode-268435456 .round-time {
	bottom: 34px;
}
#selected-server-scoreboard .gamemode-8589934592 .round-time {
	bottom: 34px;
}
#selected-server-scoreboard .gamemode-33554432 .round-time {
	top: 19px; bottom: auto;
}
#selected-server-scoreboard .gamemode-33554432 .team-score {
	line-height: 20px; margin-top: 0px; margin-bottom: 8px;
}
#selected-server-scoreboard .gamemode-33554432 .objectives {
	color: rgb(255, 255, 255); font-size: 18px; font-weight: 600; margin-top: 8px;
}
#selected-server-scoreboard .gamemode-2 .team-score {
	color: rgb(148, 205, 243);
}
#selected-server-scoreboard .gamemode-2 :first-child.team-score {
	margin-right: 16px;
}
#selected-server-scoreboard .gamemode-2 :last-child.team-score {
	color: rgb(255, 159, 128);
}
#selected-server-scoreboard .gamemode-2 .progress-bar {
	width: 112px;
}
#selected-server-scoreboard .gamemode-2 .team-name {
	color: rgb(148, 205, 243); text-transform: uppercase; margin-top: 8px;
}
#selected-server-scoreboard .gamemode-2 .round-time {
	width: auto; text-align: right; right: 16px; bottom: 12px;
}
#selected-server-scoreboard .gamemode-2147483648 .team-score {
	color: rgb(148, 205, 243);
}
#selected-server-scoreboard .gamemode-2147483648 :first-child.team-score {
	margin-right: 16px;
}
#selected-server-scoreboard .gamemode-2147483648 :last-child.team-score {
	color: rgb(255, 159, 128);
}
#selected-server-scoreboard .gamemode-2147483648 .progress-bar {
	width: 112px;
}
#selected-server-scoreboard .gamemode-2147483648 .team-name {
	color: rgb(148, 205, 243); text-transform: uppercase; margin-top: 8px;
}
#selected-server-scoreboard .gamemode-2147483648 .round-time {
	width: auto; text-align: right; right: 16px; bottom: 12px;
}
#selected-server-scoreboard .gamemode-17179869184 .team-score {
	color: rgb(148, 205, 243);
}
#selected-server-scoreboard .gamemode-17179869184 :first-child.team-score {
	margin-right: 16px;
}
#selected-server-scoreboard .gamemode-17179869184 :last-child.team-score {
	color: rgb(255, 159, 128);
}
#selected-server-scoreboard .gamemode-17179869184 .progress-bar {
	width: 112px;
}
#selected-server-scoreboard .gamemode-17179869184 .team-name {
	color: rgb(148, 205, 243); text-transform: uppercase; margin-top: 8px;
}
#selected-server-scoreboard .gamemode-17179869184 .round-time {
	width: auto; text-align: right; right: 16px; bottom: 12px;
}
#selected-server-scoreboard .gamemode-34359738368 .pull-left {
	text-align: left;
}
#selected-server-scoreboard .gamemode-34359738368 .pull-left .link-icon {
	background: url("../serverguide/chainlink-blue.png") no-repeat left top;
}
#selected-server-scoreboard .gamemode-34359738368 .pull-right {
	text-align: right;
}
#selected-server-scoreboard .gamemode-34359738368 .pull-right .link-icon {
	background: url("../serverguide/chainlink-orange.png") no-repeat left top;
}
#selected-server-scoreboard .gamemode-34359738368 .round-time {
	line-height: 70px; font-size: 14px; font-weight: bold;
}
#server-page-map-rotation .round-status {
	top: 8px; right: 8px; color: rgb(255, 255, 255); font-size: 12px; position: absolute;
}
#overview-info {
	margin-bottom: 16px;
}
#overview-info .edit-link {
	background: rgba(7, 7, 7, 0.5); padding: 0px 16px; transition:opacity 0.1s ease-out; line-height: 30px; font-size: 11px; display: inline-block; position: absolute; opacity: 0; -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out;
}
#overview-info .force-visible.edit-link {
	opacity: 1;
}
#overview-info .leaderboard-highlight {
	height: 55px; text-transform: uppercase; overflow: hidden; font-family: Purista, sans-serif; font-style: normal; font-weight: 600; margin-bottom: 1px;
}
#overview-info .leaderboard-highlight .position {
	color: rgb(255, 255, 255); line-height: 40px; margin-top: 8px; margin-left: 8px; float: left;
}
#overview-info .leaderboard-highlight .icon {
	color: rgb(255, 255, 255); line-height: 40px; margin-top: 8px; margin-left: 8px; float: left;
}
#overview-info .leaderboard-highlight .description {
	color: rgb(255, 255, 255); line-height: 40px; margin-top: 8px; margin-left: 8px; float: left;
}
#overview-info .leaderboard-highlight .item-info-icon {
	color: rgb(255, 255, 255); line-height: 40px; margin-top: 8px; margin-left: 8px; float: left;
}
#overview-info .leaderboard-highlight img {
	height: 40px;
}
#overview-info .leaderboard-highlight .position {
	font-size: 23px;
}
#overview-info .leaderboard-highlight .description {
	font-size: 19px;
}
#overview-info .leaderboard-highlight .item-info-icon {
	background: url("../loadout/icon-info-s.png") no-repeat 0px 0px; width: 17px; height: 17px; margin-top: 19px; display: inline-block; cursor: pointer; opacity: 0.7;
}
#overview-info .leaderboard-highlight .item-info-icon:hover {
	opacity: 1;
}
#overview-info #replay-nodes-container {
	-webkit-transform: translate3d(0, 0, 0);
}
#overview-info .progress-bar-inner {
	-webkit-transform: translate3d(0, 0, 0);
}
#overview-info a:not(.edit-link):hover {
	text-decoration: none;
}
#overview-info .small.overview-info-box {
	margin-top: 1px;
}
#overview-info .small.overview-info-box .box-content {
	height: 218px;
}
#overview-info .progress-bar {
	height: 14px; overflow: hidden; padding-right: 1px;
}
#overview-info .thick.progress-bar .progress-bar-inner {
	height: 16px;
}
#overview-info .progress-bar .warning.progress-bar-inner {
	z-index: 100;
}
#overview-info .progress-bar .success.progress-bar-inner {
	z-index: 50;
}
#overview-info .progress-bar .progress-bar-inner + .progress-bar-inner {
	margin-left: 0px;
}
#overview-info #overview-rank {
	height: 231px; position: relative;
}
#overview-info #overview-rank > .rank {
	transition:transform 0.5s 0.01s; left: 50%; top: 40px; margin-left: -64px; position: absolute; -webkit-transition: transform 0.5s ease 0.01s; -moz-transition: transform 0.5s ease 0.01s;
}
#overview-info #overview-rank > .highlighted.rank {
	transform: scale(1.12); -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -o-transform: scale(1.12);
}
#overview-info #overview-rank .rank-progress {
	left: 16px; right: 16px; bottom: 20px; position: absolute;
}
#overview-info #overview-rank .rank-progress .progress-bar {
	position: relative;
}
#overview-info #overview-rank .rank-progress .progress-bar-info {
	font-size: 12px;
}
#overview-info #overview-rank .rank-progress .progress-bar-info p:first-child {
	color: rgb(168, 168, 168); float: left;
}
#overview-info #overview-rank .rank-progress .progress-bar-info p:last-child {
	float: right;
}
#overview-info .overview-service-stars .progress-bar {
	height: 20px;
}
.replay-drag#overview-info .progress-bar-inner {
	transition:width 0.3s; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease;
}
#overview-info #overview-skill .box-content {
	height: 105px; text-align: center;
}
#overview-info #overview-skill .box-content p {
	margin: 10px auto; transition:0.8s; font-family: Purista, sans-serif; font-size: 58px; font-style: normal; font-weight: 600; -webkit-transition: 0.8s; -moz-transition: 0.8s;
}
#overview-info #overview-skill .box-content p.animating {
	transition:0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s;
}
#overview-info #overview-skill .box-content .overview-skill-bar {
	margin: 0px auto; border: 1px solid rgb(255, 255, 255); border-image: none; width: 150px; height: 8px; position: relative; background-color: rgba(0, 0, 0, 0.6);
}
#overview-info #overview-skill .box-content .overview-skill-bar > div {
	transition:left 0.8s; left: 0px; width: 8px; height: 8px; position: absolute; background-color: rgb(255, 255, 255); -webkit-transition: left 0.8s ease; -moz-transition: left 0.8s ease;
}
#overview-info #overview-info-list li {
	margin: 1px 1px 0px 0px; width: 111px; height: 62px; text-align: center; float: left; background-color: rgba(7, 7, 7, 0.5);
}
#overview-info #overview-info-list li.last {
	margin-right: 0px;
}
#overview-info #overview-info-list li span {
	margin: 12px auto 2px; color: rgb(168, 168, 168); text-transform: uppercase; font-size: 14px; display: block;
}
#overview-info #overview-info-list li strong {
	line-height: 30px; font-size: 14px; font-weight: bold; display: block;
}
#overview-info #overview-info-list li strong.focus {
	font-family: Purista, sans-serif; font-size: 23px; font-style: normal; font-weight: 600;
}
#overview-info .profile-overview .clubs-list .pull-left.name {
	width: 288px;
}
#overview-info .profile-overview .clubs-list .emblem {
	width: 60px; margin-right: 16px; float: left;
}
#overview-info .profile-overview .clubs-list .club-info {
	color: rgb(213, 221, 229); font-family: Purista; font-size: 14px; margin-left: 5px; float: left;
}
#overview-info .profile-overview .clubs-list .club-info .name {
	padding-top: 8px; font-size: 16px;
}
#overview-info .overview-soldier .soldierbox-reportbutton {
	margin-top: 8px; margin-right: 8px; float: right;
}
#overview-info .overview-soldier .soldier-emblem {
	height: 241px;
}
#overview-info #overview-soldier .box-content {
	height: 231px; position: relative;
}
#overview-info #overview-soldier .box-content .agent-info-on-portrait {
	padding: 16px 0px 5px 16px; width: 100%; bottom: 22px; color: rgb(255, 255, 255); position: absolute; z-index: 0;
}
#overview-info #overview-soldier .box-content .agent-info-on-portrait .name {
	font-size: 24px; font-style: italic; font-weight: bold;
}
#overview-info #overview-soldier .box-content .agent-info-on-portrait .geolb-agent-info {
	padding: 0px 16px; font-size: 20px; font-style: italic;
}
#overview-info #overview-soldier .box-content .agent-info-on-portrait .geolb-agent-info div {
	padding: 0px 0px 5px;
}
#overview-info #overview-soldier .box-content .soldier-emblem {
	left: 10px; top: 10px; width: 200px; height: 200px; position: absolute; z-index: 0;
}
#overview-info #overview-soldier .box-content .soldier-emblem .emblem-preview-link {
	height: 100%; display: block;
}
#overview-info #overview-soldier .box-content .click-area.soldier-emblem {
	z-index: 2;
}
#overview-info #overview-soldier .box-content .click-area.soldier-emblem .edit-link {
	left: -10px; top: -10px;
}
#overview-info #overview-soldier .box-content .click-area.soldier-emblem:hover .edit-link {
	opacity: 1;
}
#overview-info #overview-soldier .box-content .soldier-portrait {
	width: 287px; height: 241px; right: 0px; bottom: 0px; overflow: hidden; position: absolute;
}
#overview-info #overview-soldier .box-content .soldier-portrait .click-area {
	z-index: 1;
}
#overview-info #overview-soldier .box-content .soldier-portrait .click-area .edit-link {
	right: 0px; bottom: 0px;
}
#overview-info #overview-soldier .box-content .soldier-portrait:hover .edit-link {
	opacity: 1;
}
#overview-info #overview-soldier .box-content .profile-soldier-image {
	top: 0px; width: 327px; height: 430px; right: -65px; position: absolute;
}
#overview-info .box > header + .no-padding.box-content {
	padding: 0px;
}
.overview-missions-empty {
	text-align: center; line-height: 36px; font-size: 20px; font-weight: bold;
}
.overview-missions-top-opponent .inner-wrapper {
	height: 46px; padding-left: 57px; position: relative;
}
.overview-missions-top-opponent .avatar {
	left: 3px; top: 0px; position: absolute;
}
.overview-missions-top-opponent .title {
	color: rgb(168, 168, 168); text-transform: uppercase; font-size: 14px;
}
.overview-missions-top-opponent .name {
	padding-top: 6px; font-size: 12px; font-weight: bold;
}
.overview-most-played-mission .inner-wrapper {
	padding-left: 58px; position: relative;
}
.overview-most-played-mission .thumb {
	left: 0px; bottom: 0px; position: absolute;
}
.overview-most-played-mission .title {
	color: rgb(168, 168, 168); text-transform: uppercase; font-size: 14px;
}
.overview-most-played-mission .mission-name {
	width: 100%; text-transform: uppercase; line-height: 1; overflow: hidden; padding-top: 6px; font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.overview-most-played-mission p {
	text-transform: uppercase; padding-top: 2px; font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 400;
}
.overview-service-stars {
	margin: 6px 16px 0px 12px;
}
.overview-service-stars li {
	height: 34px; position: relative;
}
.overview-service-stars .kit-icon {
	top: 1px; position: absolute;
}
.overview-service-stars .progress-bar {
	margin: 0px; top: 5px; width: 252px; right: 0px; position: absolute;
}
.overview-service-stars .star-count {
	background: url("../img/servicestar-18x18.png") no-repeat; left: 150px; top: 8px; height: 18px; position: absolute; z-index: 200; min-width: 18px;
}
.overview-service-stars .star-count span {
	line-height: 18px; padding-left: 25px;
}
.gamemodes.overview-service-stars {
	margin: 6px 0px;
}
.gamemodes.overview-service-stars .star-count {
	left: 200px;
}
.gamemodes.overview-service-stars .gamemode {
	color: rgb(168, 168, 168); padding-top: 12px; font-size: 12px;
}
.gamemodes.overview-service-stars .progress-bar {
	width: 150px;
}
#overview-dogtags img {
	width: 190px; height: 95px;
}
#overview-info #overview-rank {
	height: 231px; position: relative;
}
#overview-info3 #overview-rank {
	height: 400px; position: relative;
}
#overview-info #overview-rank > .rank {
	transition:transform 0.5s 0.01s; left: 50%; top: 40px; margin-left: -64px; position: absolute; -webkit-transition: transform 0.5s ease 0.01s; -moz-transition: transform 0.5s ease 0.01s;
}
#overview-info #overview-rank > .highlighted.rank {
	transform: scale(1.12); -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -o-transform: scale(1.12);
}
#overview-info #overview-rank .rank-progress {
	left: 16px; right: 16px; bottom: 20px; position: absolute;
}
#overview-info #overview-rank .assignment-desc-left {
	color: rgb(213, 221, 229); position: relative; float: left; z-index: 150;
}
#overview-info #overview-rank .assignment-desc-right {
	color: rgb(213, 221, 229); position: relative; float: right; z-index: -50;
}
#overview-info #overview-rank .rank-progress3 {
	left: 5px; right: 5px; bottom: 152px; position: absolute;
}
#overview-info #overview-rank .rank-progress4 {
	left: 0px; right: 0px; bottom: -32px; position: absolute;
}
#overview-info #overview-rank .rank-progress5 {
	left: 0px; right: 0px; bottom: -23px; position: absolute;
}
#overview-info #overview-rank .rank-progress6 {
	left: 0px; right: 0px; bottom: -23px; position: absolute;
}
#overview-info #overview-rank .rank-progress7 {
	left: 0px; right: 0px; bottom: -23px; position: absolute;
}
#overview-info #overview-rank .rank-progress8 {
	left: 0px; right: 0px; bottom: -23px; position: absolute;
}
#overview-info #overview-rank .rank-progress .progress-bar {
	position: relative;
}
#overview-info #overview-rank .rank-progress .progress-bar-info {
	font-size: 12px;
}
#overview-info #overview-rank .rank-progress .progress-bar-info p:first-child {
	color: rgb(168, 168, 168); float: left;
}
#overview-info #overview-rank .rank-progress .progress-bar-info p:last-child {
	float: right;
}
#overview-dogtags .box-content {
	text-align: center; position: relative;
}
#overview-dogtags .box-content .edit-link {
	left: 0px; top: 0px;
}
#overview-dogtags .box-content:hover .edit-link {
	opacity: 1;
}
#overview-dogtags .dogtags {
	margin-top: 45px;
}
#overview-stats .box-content {
	padding: 20px 0px; text-align: center; margin-bottom: 1px;
}
#overview-stats .double-row.box-content {
	padding: 12px 0px;
}
#overview-stats .box-content p {
	font-size: 22px;
}
#overview-stats .box-content span {
	font-size: 12px;
}
.assignments-list li {
	border: 1px solid transparent; border-image: none; height: 108px; position: relative; box-sizing: border-box; background-color: rgba(7, 7, 7, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.assignments-list li .award_mission {
	opacity: 0.3;
}
.assignments-list li.active .award_mission {
	opacity: 1;
}
.assignments-list li.completed .award_mission {
	opacity: 1;
}
.assignments-list .tmp-code {
	padding: 2px 0px; left: 50%; top: 56px; width: 50px; text-align: center; color: rgb(0, 0, 0); font-size: 10px; margin-left: -27px; position: absolute; background-color: rgba(255, 255, 255, 0.8);
}
.assignments-list .dependencies {
	right: 1px; bottom: 1px; position: absolute;
}
.assignments-list .dependencies li {
	border: 1px solid rgb(255, 255, 255); border-image: none; width: 19px; height: 19px; margin-left: 1px; float: right;
}
.assignments-list li.has-progress .dependencies {
	bottom: 5px;
}
.assignment-rewards {
	text-align: center;
}
.assignment-rewards p {
	font-weight: bold; margin-top: 5px;
}
.assignment-info {
	text-align: center;
}
.dependency-icon {
	border: 1px solid rgb(255, 255, 255); border-image: none; width: 19px; height: 19px; box-sizing: border-box; background-color: rgba(7, 7, 7, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
[data-code^='rk'].dependency-icon {
	background-position: -1px -1px; background-image: url("../profile/bf4/icon-dependencies.png");
}
[data-code^='as'].dependency-icon {
	background-position: -20px -1px; background-image: url("../profile/bf4/icon-dependencies.png");
}
[data-code^='xp'].dependency-icon {
	background-position: -20px -1px; background-image: url("../profile/bf4/icon-dependencies.png");
}
[data-code^='axp'].dependency-icon {
	background-position: -20px -1px; background-image: url("../profile/bf4/icon-dependencies.png");
}
[data-code='amaster'].dependency-icon {
	background-position: -20px -1px; background-image: url("../profile/bf4/icon-dependencies.png");
}
[data-code='apremium'].dependency-icon {
	background-position: -20px -1px; background-image: url("../profile/bf4/icon-dependencies.png");
}
#assignment-criterias li .pull-left {
	line-height: 14px; max-width: 270px;
}
#assignment-criterias li .in-a-round {
	color: rgb(168, 168, 168); padding-top: 4px; clear: both;
}
#assignment-dependencies li .dependency-icon {
	float: left;
}
#assignment-dependencies li a {
	cursor: pointer;
}
#assignment-dependencies li span {
	margin: 4px 0px 0px 10px; float: left;
}
#assignment-dependencies li a {
	margin: 4px 0px 0px 10px; float: left;
}
#assignment-dependencies li .green-check-small {
	width: 12px; height: 12px; margin-top: 3px; float: right; background-image: url("../battledash/images/icons/green-check-small.png");
}
#assignment-dependencies li.nottaken .green-check-small {
	opacity: 0.2;
}
.awards-list li {
	height: 170px;
}
.awards-list li .nottaken .image {
	opacity: 0.3;
}
.awards-list li .award-medal {
	height: 105px; margin-bottom: 1px; position: relative; background-color: rgba(7, 7, 7, 0.5);
}
.awards-list li .award-medal .progress-bar {
	width: 100%; bottom: 0px; margin-bottom: 0px; position: absolute;
}
.awards-list li.ribbon-empty:hover {
	background: inherit; cursor: inherit;
}
.awards-list li .award-ribbon {
	height: 64px; position: relative; background-color: rgba(7, 7, 7, 0.5);
}
.awards-list li .award-ribbon div {
	margin-top: -16px;
}
.awards-list li .times-taken {
	right: 5px; bottom: 5px; color: rgb(190, 195, 199); font-size: 11px; position: absolute;
}
.awards-list li.active .award-medal {
	background-color: rgb(255, 255, 255);
}
.awards-list li.active .award-ribbon {
	background-color: rgb(255, 255, 255);
}
.awards-list li.active .image {
	opacity: 1;
}
.awards-list li.has-icon .award-ribbon .times-taken {
	right: 25px;
}
.awards-list .xp-icon {
	right: 2px; bottom: 2px; position: absolute;
}
#awards-details .image-container {
	text-align: center;
}
#awards-details .award-medal {
	margin-bottom: 1px;
}
#awards-details .award-info {
	margin: 16px 0px 0px;
}
#awards-details .progress-bar {
	margin: 8px 0px;
}
#awards-details .progress-info {
	color: rgb(168, 168, 168); font-size: 12px;
}
#awards-details .award-info strong {
	width: 245px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#awards-details .progress-info .pull-left {
	width: 245px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#awards-details .award-xpack {
	margin-bottom: 15px;
}
#awards-details .award-xpack .xp-icon {
	top: 5px; position: relative;
}
#awards-details .award-xpack span {
	color: rgb(168, 168, 168); font-size: 12px;
}
#awards-details .award-xpack strong {
	color: rgb(255, 255, 255); font-weight: normal;
}
.upcoming-unlocks-container .upcoming-unlock header img {
	margin-top: 2px; float: right;
}
.upcoming-unlocks-container .upcoming-unlock header span {
	color: rgb(168, 168, 168); font-size: 14px;
}
.upcoming-unlocks-container .upcoming-unlock header strong {
	margin-top: 3px; display: block;
}
.upcoming-unlocks-container .upcoming-unlock > a {
	text-align: center; display: block;
}
.upcoming-unlocks-container .upcoming-unlock > div {
	font-size: 12px;
}
.upcoming-unlocks-container .upcoming-unlock > div .progress-info {
	text-align: right; color: rgb(102, 102, 102);
}
.upcoming-unlocks-container .upcoming-unlock > div .progress-bar {
	margin: 3px auto 5px;
}
#upcoming-unlocks-progression {
	margin-top: 16px;
}
#upcoming-unlocks-progression td {
	padding: 0px; height: 60px; box-shadow: none;
}
#upcoming-unlocks-progression .value-cell {
	width: 100px; line-height: 60px; font-size: 30px; vertical-align: top; position: relative;
}
#upcoming-unlocks-progression .value-cell div {
	height: 60px; position: absolute; background-color: rgba(200, 200, 200, 0.2);
}
#upcoming-unlocks-progression .kit-cell {
	width: 20px;
}
#upcoming-unlocks-progression .image-cell {
	width: 90px;
}
#upcoming-unlocks-progression .desc-cell a {
	color: rgb(168, 168, 168); text-decoration: none;
}
#upcoming-unlocks-progression .desc-cell p {
	font-size: 13px; margin-left: 20px;
}
#upcoming-unlocks-progression .desc-cell p:first-child {
	font-size: 15px; margin-bottom: 5px;
}
table.battlereports-table {
	margin: 0px; font-size: 14px;
}
table.show-first-ten.battlereports-table tr:nth-child(n+11) {
	display: none;
}
table.battlereports-table tr {
	cursor: pointer;
}
table.battlereports-table tr .star {
	margin: 0px; padding: 0px; width: 20px; display: block;
}
table.battlereports-table tr .star::after {
	color: rgba(255, 255, 255, 0.3); font-size: 22px; display: none; position: relative; z-index: 1; content: "?";
}
table.battlereports-table tr .starred.star::after {
	color: white; display: block;
}
table.battlereports-table tr.active {
	-webkit-filter: drop-shadow(0 0 1px #e0f4f8); -moz-filter: drop-shadow(0 0 1px #e0f4f8); -o-filter: drop-shadow(0 0 1px #e0f4f8);
}
table.battlereports-table tr.active [class*='winstatus-'] {
	color: rgb(0, 0, 0);
}
table.battlereports-table tr.active .star::after {
	color: rgba(0, 0, 0, 0.3);
}
table.battlereports-table tr.active .starred.star::after {
	color: rgb(0, 0, 0);
}
table.battlereports-table tr.active td.favcell:hover .star::after {
	color: rgb(0, 0, 0);
}
table.battlereports-table tr td.favcell {
	width: 22px; text-align: center;
}
table.battlereports-table tr td.favcell:hover .star::after {
	color: rgb(255, 255, 255);
}
table.battlereports-table tr .favorite {
	width: 20px; overflow: hidden;
}
table.battlereports-table tr .server-icons {
	padding: 0px 0px 0px 6px;
}
table.own-reports.battlereports-table tr:hover .star::after {
	display: block;
}
table.battlereports-table thead th {
	line-height: 24px; padding-top: 0px; padding-bottom: 0px;
}
table.battlereports-table .map-thumb {
	margin-right: 8px;
}
table.battlereports-table .map-info {
	max-width: 268px;
}
table.battlereports-table .map-info p {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
table.battlereports-table td p:nth-of-type(1) {
	line-height: 20px;
}
table.battlereports-table td p:nth-of-type(2) {
	color: rgb(168, 168, 168); line-height: 13px; font-size: 11px;
}
table.battlereports-table .winstatus {
	text-transform: uppercase;
}
table.battlereports-table .winstatus-1 {
	color: rgb(148, 205, 243);
}
table.battlereports-table .winstatus--1 {
	color: rgb(255, 159, 128);
}
table.battlereports-table .winstatus-0 {
	color: rgb(134, 184, 134);
}
#battlereports img.map {
	width: 100%;
}
#battlereports .row {
	float: left;
}
#battlereports .box {
	margin-bottom: 1px;
}
#battlereports aside .box header {
	padding: 0px;
}
#battlereports aside .box ul {
	width: 100%; font-size: 12px; display: table;
}
#battlereports aside .box ul li {
	display: table-row;
}
#battlereports aside .box ul li span {
	text-align: left; padding-top: 8px; display: table-cell;
}
#battlereports aside .box ul li span:first-child {
	padding: 0px; width: 30%; color: rgb(168, 168, 168);
}
#battlereports aside footer {
	padding: 0px;
}
#battlereports aside footer a {
	padding: 16px; text-decoration: none; display: block;
}
#battlereports aside footer:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
#battlereports .premium-requirement-box .btn {
	width: auto;
}
#battlereports .btn {
	width: 100%; margin-top: 4px;
}
#battlereports section footer {
	padding: 0px;
}
#battlereports section footer .btn {
	margin-top: 0px;
}
#battlereports #battlereports-favorites {
	margin-bottom: 16px;
}
#battlereports #battlereports-favorites footer {
	margin-top: 0px;
}
#battlereports #battlereports-latest {
	margin-bottom: 20px;
}
.hide.no-reports {
	display: none;
}
.is-touch .star::after {
	display: block !important;
}
#stats-detailed .name {
	font-size: 14px;
}
#stats-detailed .score {
	text-align: right; font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 600;
}
#soldierportraits-container li.selected {
	background-color: rgb(0, 0, 0);
}
.submenu#dogtags-filter {
	margin-bottom: 8px;
}
#dogtags-top .submenu {
	margin-bottom: 8px;
}
#dogtags-equipped-box {
	margin-bottom: 8px;
}
#dogtags-equipped-box .box-content {
	padding: 16px 13px; position: relative;
}
#dogtags-equipped-box .box-content .dogtags-chain {
	height: 130px; margin-bottom: 0px;
}
#dogtags-equipped-box .claim.box-content {
	padding-top: 32px; padding-bottom: 36px;
}
#dogtags-equipped-box .claim.box-content .btn {
	width: 100%; margin-bottom: 16px;
}
#dogtags-equipped-box .claim.box-content .progress-bar {
	margin-top: 16px; margin-bottom: 8px;
}
#dogtags-equipped-box .claim.box-content .progress-info {
	font-size: 14px; margin-top: 10px;
}
#dogtags-body {
	margin-top: 0px;
}
#dogtags-body .dogtags-list .box {
	margin-bottom: 8px;
}
#dogtags-body .dogtags-list .grid.box .box-content {
	background: inherit; padding: 0px;
}
#dogtags-body .dogtag-aside button {
	width: 100%; margin-top: 8px;
}
#dogtags-body .dogtag-aside .advanced-active.selected-dog-tags.box-content .dogtags-chain .advanced {
	position: relative; z-index: 3;
}
#dogtags-body .dogtag-aside .description.box-content p {
	line-height: 1.4; font-size: 12px;
}
#dogtags-body .dogtag-aside .seen.box-content {
	padding: 8px 16px; text-transform: uppercase; font-family: Purista, sans-serif; font-style: normal; font-weight: 600;
}
#dogtags-body .dogtag-aside .box-content .name {
	text-transform: uppercase; font-family: Purista, sans-serif; font-size: 18px; font-style: normal; font-weight: 600;
}
.profile-stats-dogtags li {
	margin: 0px 1px 1px 0px; padding: 4px 1px 1px; width: 130px; height: 73px; float: left; position: relative;
	//cursor: pointer;
	box-sizing: border-box; background-color: rgba(7, 7, 7, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.profile-stats-dogtags li:nth-child(5n) {
	width: 132px; margin-right: 0px;
}
.profile-stats-dogtags li.disabled .dogtags {
	opacity: 1;
	filter: brightness(20%);
	-webkit-filter: brightness(40%);
	
}
.cssfilters .profile-stats-dogtags li.disabled .dogtags {
	opacity: 1; -webkit-filter: brightness(40%); -moz-filter: brightness(40%); -o-filter: brightness(40%);
}
.profile-stats-dogtags li:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
.profile-stats-dogtags li.equipped {
	box-shadow: inset 0px 0px 0px 1px #fff;
}
.profile-stats-dogtags li.active {
	background-color: rgb(255, 255, 255);
}
.profile-stats-dogtags li.active:hover {
	background-color: rgb(255, 255, 255);
}
.dogtags-chain {
	margin: 14px 0px;
}
.dogtags-chain .basic {
	position: relative; z-index: 2;
}
.horizontal.dogtags-chain .basic {
	transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg);
}
.horizontal.dogtags-chain .basic + .advanced {
	margin-left: -60px;
}
.horizontal.dogtags-chain .basic + .xlarge.advanced {
	margin-left: -80px;
}
.horizontal.dogtags-chain .basic + .large.advanced {
	margin-left: -80px;
}
.horizontal.dogtags-chain .basic + .medium.advanced {
	margin-left: -60px;
}
.horizontal.dogtags-chain .basic + .mediumns.advanced {
	margin-left: -60px;
}
.horizontal.dogtags-chain .basic + .small.advanced {
	margin-left: -25px;
}
.horizontal.dogtags-chain .basic + .smallns.advanced {
	margin-left: -25px;
}
.vertical.dogtags-chain .advanced {
	transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg);
}
.vertical.dogtags-chain .basic {
	display: block;
}
.vertical.dogtags-chain .advanced {
	display: block;
}
.vertical.dogtags-chain .basic + .advanced {
	margin-top: -40px;
}
.vertical.dogtags-chain .basic + .medium.advanced {
	margin-left: -30px;
}
.vertical.dogtags-chain .basic + .small.advanced {
	margin-left: -12px;
}
.dogtags-extra {
	left: 12px; bottom: 4px; position: absolute;
}
.dogtag-seen-times {
	background: rgb(53, 53, 53); padding: 1px 5px 2px; color: white; font-family: Arial, sans-serif; font-size: 11px; float: left;
}
#stats-kits .span8 > .box {
	margin-bottom: 8px;
}
#stats-kits .span8 .box-content {
	background: inherit; padding: 0px;
}
#stats-kits aside .kititem {
	margin-left: 16px;
}
#stats-kits aside h4 {
	margin-top: 16px;
}
#stats-kits aside .progress-bar {
	margin-bottom: 8px;
}
#stats-kits aside .score {
	color: rgb(168, 168, 168); font-size: 12px;
}
#stats-kits aside .track-button {
	margin: 16px 0px; width: 100%;
}
#stats-kits aside .description {
	line-height: 20px; font-size: 12px; margin-top: 8px;
}
.kits-list li {
	margin: 0px 0px 1px 1px; width: 163px; height: 110px; text-align: center; overflow: hidden; float: left; position: relative; box-sizing: border-box; background-color: rgba(7, 7, 7, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.kits-list li:nth-child(4n+1) {
	width: 164px; margin-left: 0px;
}
.kits-list li:hover {
	cursor: pointer; background-color: rgba(7, 7, 7, 0.6);
}
.kits-list li:not(.active).noprogress .image {
	opacity: 0.5;
}
.kits-list li:not(.active).noprogress p {
	color: rgb(168, 168, 168);
}
.kits-list li.active {
	color: black; box-shadow: 0px 0px 7px 0px #e0f4f8; background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%); background-color: white;
}
.kits-list li.active p {
	font-weight: bold;
}
.kits-list li .image {
	margin: 16px 0px;
}
.kits-list li .kititem.image {
	margin-top: 26px;
}
.kits-list li .weapon.image {
	margin-top: 26px;
}
.kits-list li p {
	left: 0px; right: 0px; bottom: 16px; font-size: 12px; position: absolute;
}
.kits-list li .progress-bar {
	margin: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute;
}
aside .weapon_unlock {
	margin: 0px auto; display: block;
}
aside .kititem_unlock {
	margin: 0px auto; display: block;
}
#replay-button {
	background-position: 0px 0px; left: 0px; width: 42px; height: 31px; position: absolute; background-image: url("../profile/replay-button-small.png"); background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.6);
}
#stat-replay-discontinue-notice {
	color: rgb(255, 255, 255); line-height: 12px; padding-top: 1px; padding-left: 16px; font-size: 10px; margin-top: 1px; position: relative;
}
#stat-replay-discontinue-notice .info-icon {
	background: url("../loadout/icon-info-s.png") no-repeat 0px 0px / cover; left: 0px; top: 0px; width: 12px; height: 12px; position: absolute;
}
#stat-replay-container {
	margin: 1px 0px 16px; height: 31px; position: relative;
}
.disabled#stat-replay-container {
	transition:opacity 0.15s ease-out 0.1s; opacity: 0.5; -webkit-transition: opacity 0.15s ease-out 0.1s; -moz-transition: opacity 0.15s ease-out 0.1s;
}
.disabled#stat-replay-container #stat-replay-track {
	opacity: 0.1;
}
.disabled#stat-replay-container #replay-no-data {
	display: block;
}
.disabled#stat-replay-container .scrubber {
	display: none;
}
:not(.disabled)#stat-replay-container #replay-button {
	cursor: pointer;
}
:not(.disabled)#stat-replay-container #replay-button:hover {
	background-position: 0px -31px; box-shadow: 0px 0px 4px 1px rgba(255,255,255,0.6); background-color: rgb(255, 255, 255);
}
:not(.disabled)#stat-replay-container .playing#replay-button {
	background-position: -42px 0px;
}
:not(.disabled)#stat-replay-container .playing#replay-button:hover {
	background-position: -42px -31px;
}
:not(.disabled)#stat-replay-container #stat-replay-slider {
	cursor: pointer;
}
:not(.disabled)#stat-replay-container .scrubber {
	cursor: w-resize;
}
.not-premium#stat-replay-container #replay-nodes-container {
	width: 728px;
}
.not-premium#stat-replay-container #stat-replay-slider {
	width: 750px;
}
.not-premium#stat-replay-container #premium-info {
	left: 43px; width: 199px; height: 31px; position: absolute; background-color: rgba(0, 0, 0, 0.6);
}
.not-premium#stat-replay-container .border {
	left: 16px; top: 14px; width: 210px; height: 1px; border-bottom-color: rgb(122, 125, 131); border-bottom-width: 1px; border-bottom-style: solid; position: absolute; z-index: 1;
}
#stat-replay-slider {
	width: 949px; height: 31px; right: 0px; position: absolute; background-color: rgba(0, 0, 0, 0.6);
}
#stat-replay-track {
	left: 15px; top: 15px; height: 1px; right: 15px; position: absolute; z-index: 100; background-color: rgb(255, 255, 255);
}
#stat-replay-track .scrubber {
	border-radius: 6px; left: 100%; top: -6px; width: 12px; height: 12px; right: 0px; margin-left: -6px; position: absolute; background-color: rgb(255, 255, 255);
}
#stat-replay-track .scrubber p {
	margin: 17px 0px 0px -23px; transition:opacity 0.15s ease-out 0.1s; width: 60px; text-align: center; font-size: 10px; position: relative; opacity: 0; -webkit-transition: opacity 0.15s ease-out 0.1s; -moz-transition: opacity 0.15s ease-out 0.1s;
}
.replay-playing #stat-replay-track .scrubber {
	cursor: default;
}
.replay-drag #stat-replay-track .scrubber {
	cursor: default;
}
.replay-playing #stat-replay-track .scrubber p {
	opacity: 1;
}
.replay-drag #stat-replay-track .scrubber p {
	opacity: 1;
}
.replay-playing #stat-replay-slider {
	cursor: w-resize;
}
.replay-drag #stat-replay-slider {
	cursor: w-resize;
}
.replay-playing .replay-start-date {
	opacity: 0;
}
.replay-playing .replay-end-date {
	opacity: 0;
}
.replay-drag .replay-start-date {
	opacity: 0;
}
.replay-drag .replay-end-date {
	opacity: 0;
}
#replay-nodes-container {
	margin: 0px 15px; width: 919px; height: 31px; position: relative; z-index: 90;
}
#replay-nodes-container canvas {
	left: -5px; position: relative;
}
#replay-nodes-container .replay-date {
	transition:opacity 0.15s ease-out 0.1s; bottom: 2px; font-size: 10px; position: absolute; -webkit-transition: opacity 0.15s ease-out 0.1s; -moz-transition: opacity 0.15s ease-out 0.1s;
}
#replay-nodes-container .replay-start-date {
	left: 0px;
}
#replay-nodes-container .replay-end-date {
	right: 0px;
}
#replay-nodes-container .replay-end-date span {
	text-align: right; right: 0px;
}
#replay-no-data {
	left: 50%; top: 11px; width: 300px; text-align: center; text-transform: uppercase; font-size: 10px; margin-left: -150px; display: none; position: absolute;
}
.replay-highlight {
	-webkit-animation-name: highlightbox; -moz-animation-name: highlightbox; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s;
}
.game-stats-content .profile-statistics-head .show-filters {
	transition:height 1s linear; margin-top: 8px; position: relative; -webkit-transition: height 1s linear; -moz-transition: height 1s linear;
}
.game-stats-content .profile-statistics-head .show-filters h1 {
	color: rgb(255, 255, 255); text-transform: none; line-height: 32px; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; cursor: pointer;
}
.game-stats-content .profile-statistics-head .show-filters .toggler {
	top: 0px; right: 10px; float: right; position: absolute;
}
.game-stats-content .profile-statistics-head .show-filters .toggler::after {
	width: 20px; text-align: center; color: rgb(170, 170, 170); font-size: 21px; content: "+";
}
.game-stats-content .profile-statistics-head .show-filters header:hover .toggler::after {
	color: rgb(255, 255, 255);
}
.game-stats-content .profile-statistics-head .show-filters header.active .toggler::after {
	content: "-";
}
.game-stats-content .profile-statistics-head .show-filters #filter-options {
	margin: 0px; display: none;
}
.game-stats-content .profile-statistics-head .list-icon {
	margin: 0px; cursor: pointer;
}
.game-stats-content .profile-statistics-container {
	margin-top: 8px; margin-bottom: 16px; position: relative; min-height: 400px;
}
.game-stats-content .profile-statistics-container .locked .image {
	opacity: 0.7;
}
.game-stats-content .profile-statistics-container .locked p {
	color: rgb(168, 168, 168);
}
.game-stats-content .profile-statistics-container .locked-column {
	font-size: 14px;
}
.game-stats-content table.profile-stats-table {
	margin-bottom: 0px;
}
.game-stats-content table.profile-stats-table th {
	padding: 5px 0px; width: 82px; text-align: center;
}
.game-stats-content table.profile-stats-table th:first-child {
	width: 40px;
}
.game-stats-content table.profile-stats-table th.item-name {
	width: auto; text-align: left; padding-left: 5px;
}
.game-stats-content table.profile-stats-table tbody tr:not(.active).locked .image {
	opacity: 0.3;
}
.game-stats-content table.profile-stats-table tbody tr.active p {
	color: rgb(0, 0, 0); font-weight: bold;
}
.game-stats-content table.profile-stats-table tbody tr.active td {
	color: black; box-shadow: 0px 0px 7px 0px #e0f4f8; background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%); background-color: white;
}
.game-stats-content table.profile-stats-table tbody tr.active:hover {
	background-color: transparent;
}
.game-stats-content table.profile-stats-table tbody tr .no-entry.relative {
	color: rgb(168, 168, 168); line-height: 53px; padding-top: 0px;
}
.game-stats-content table.profile-stats-table td {
	padding: 0px; height: 85px; text-align: center; font-family: Purista, sans-serif; font-style: normal; font-weight: 400; cursor: pointer; background-color: rgba(0, 0, 0, 0.5);
}
.game-stats-content table.profile-stats-table td:first-child {
	font-size: 24px;
}
.game-stats-content table.profile-stats-table td:nth-child(2) .progress-bar {
	width: auto;
}
.game-stats-content table.profile-stats-table td .relative {
	position: relative;
}
.game-stats-content table.profile-stats-table td strong {
	font-size: 20px; font-weight: 400; display: block;
}
.game-stats-content table.profile-stats-table td .progress-bar {
	margin: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute;
}
.game-stats-content table.profile-stats-table td.item-name {
	width: 208px; text-align: center;
}
.game-stats-content table.profile-stats-table td.item-name .image {
	margin-bottom: 9px; vertical-align: middle;
}
.game-stats-content table.profile-stats-table td.item-name p {
	font-family: Arial, sans-serif; font-size: 12px;
}
.game-stats-content table.profile-stats-table td.item-name .progress-bar {
	margin: 0px; left: 0px; right: 0px; bottom: 0px;
}
.game-stats-content table.profile-stats-table td.item-name span {
	left: 0px; text-align: center; right: 0px; bottom: 4px; font-size: 12px; position: absolute;
}
.game-stats-content table.profile-stats-table td.item-kills strong {
	margin-top: 26px; margin-bottom: 10px;
}
.game-stats-content table.profile-stats-table td.item-kills strong.soldier-equipment {
	margin-top: 16px;
}
.game-stats-content table.profile-stats-table td.item-kills span {
	color: rgb(168, 168, 168); font-size: 12px;
}
.game-stats-content table.profile-stats-table td.item-kills .icon-weapon {
	top: 5px; right: 5px; position: absolute;
}
.game-stats-content table.profile-stats-table td .unlocks-taken {
	left: 0px; top: 10px; width: 100%; text-align: center; font-size: 12px; position: absolute;
}
.stat-details .image-container {
	text-align: center; overflow: hidden;
}
.stat-details .image-container .large {
	margin-top: 10px; margin-bottom: 10px;
}
.stat-details .image-container .squarelarge {
	margin-top: -20%; margin-bottom: -20%;
}
.stat-details .box-content + .box {
	margin-top: 1px;
}
.stat-details .missing-details-info {
	text-align: center; font-size: 12px;
}
.stat-details .progress-bar {
	margin-bottom: 0px;
}
.stat-details .track-weapon-stats .progress-bar {
	margin-top: 2px;
}
.stat-details .track-weapon-stats li {
	height: 22px; line-height: 22px;
}
.stat-details .progress-info {
	margin: 6px 0px; color: rgb(168, 168, 168); line-height: 16px; font-size: 12px;
}
.stat-details .btn {
	width: 100%; height: 30px; line-height: 30px; margin-bottom: 16px;
}
.stat-details h4 {
	margin: 5px 0px; width: 100%; height: 30px; text-transform: uppercase; overflow: hidden; font-size: 20px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.stat-details p {
	line-height: 20px; font-size: 12px;
}
.stat-details .track-button {
	margin-top: 16px;
}
.stat-details .track-button i {
	top: 3px; width: 17px; height: 19px; right: 2px; display: inline-block; position: relative; background-image: url("../common/warsaw/icon-track.png");
}
.stat-details .track-weapon-stats {
	margin-top: 8px;
}
.stat-details .weapon-statistics.track-weapon-stats span:first-child {
	width: 160px;
}
.stat-details .track-weapon-stats span {
	text-transform: uppercase; font-size: 12px;
}
.stat-details .track-weapon-stats span:first-child {
	width: 100px; margin-right: 5px; float: left; -ms-text-overflow: ellipsis;
}
.stat-details .track-weapon-stats span:first-child.extended {
	width: 150px;
}
.stat-details .track-weapon-stats span:last-child {
	float: right;
}
.stat-details .track-weapon-stats .progress-bar {
	width: 183px; margin-top: 6px; float: left;
}
.stat-details .track-weapon-stats .firemode-icon {
	margin-bottom: -3px;
}
.stat-details .weapon-statistics {
	margin-top: 0px;
}
.stat-details .loader {
	margin: 8px auto; display: block;
}
.stat-details footer {
	padding: 0px;
}
.stat-details footer a {
	padding: 16px; text-decoration: none; display: block;
}
.stat-details footer a.upsell {
	color: rgb(255, 153, 0);
}
.stat-details footer:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
ul.weapon-accessories {
	margin-top: 1px;
}
ul.weapon-accessories li {
	margin: 0px 0px 1px 1px; width: 79px; height: 40px; text-align: center; overflow: hidden; padding-top: 10px; float: left; position: relative; box-sizing: border-box; background-color: rgba(7, 7, 7, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
ul.weapon-accessories li:nth-child(4n+1) {
	width: 80px; margin-left: 0px;
}
ul.weapon-accessories li[data-guid]:not(.active) {
	cursor: pointer;
}
ul.weapon-accessories li[data-guid]:not(.active):hover {
	background-color: rgba(7, 7, 7, 0.6);
}
ul.weapon-accessories li .progress-bar {
	margin: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute;
}
ul.weapon-accessories li .battlepacks {
	top: -13px; position: relative;
}
ul.weapon-accessories li:not(.active).locked .weaponaccessory {
	opacity: 0.3;
}
ul.weapon-accessories li:not(.active).locked .battlepacks_lineart {
	opacity: 0.3;
}
ul.weapon-accessories li:not(.active).locked p {
	color: rgb(168, 168, 168);
}
ul.weapon-accessories li.active {
	color: black; box-shadow: 0px 0px 7px 0px #e0f4f8; background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%); background-color: white;
}
.weapon-details {
	text-align: center; margin-top: 1px;
}
.weapon-pagination {
	margin: 10px 0px;
}
.weapon-pagination a {
	padding: 7px 11px; text-decoration: none; margin-right: 1px; float: left; cursor: pointer; background-color: rgba(0, 0, 0, 0.45);
}
.weapon-pagination a:hover {
	background-color: rgba(0, 0, 0, 0.65);
}
.weapon-pagination a.active {
	color: rgb(0, 0, 0); box-shadow: 0px 0px 7px 0px #e0f4f8; background-color: rgb(255, 255, 255);
}
.weapon-pagination .loader {
	margin: 3px 0px 0px 10px; float: left; display: none;
}
.weapon-stats-box > header ~ .box-content {
	padding: 0px; margin-bottom: 8px; background-color: inherit;
}
.license-unlocked.weapon-stats-box {
	margin-bottom: 16px;
}
.license-unlocked.weapon-stats-box .box-content {
	padding: 0px; background-color: transparent;
}
#weapon-list .icon {
	right: 2px; bottom: 2px; position: absolute;
}
.weapon-stats-list li {
	margin: 0px 0px 1px 1px; width: 163px; height: 96px; text-align: center; overflow: hidden; float: left; position: relative; box-sizing: border-box; background-color: rgba(7, 7, 7, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.weapon-stats-list li:nth-child(4n+1) {
	width: 164px; margin-left: 0px;
}
.weapon-stats-list li[data-guid]:not(.active) {
	cursor: pointer;
}
.weapon-stats-list li[data-guid]:not(.active):hover {
	background-color: rgba(7, 7, 7, 0.6);
}
.weapon-stats-list li .weapon {
	margin-top: 18px;
}
.weapon-stats-list li .service-star-container {
	left: 4px; bottom: 3px; position: absolute;
}
.weapon-stats-list li .service-star-container .service-star {
	height: 14px; line-height: 15px; padding-left: 16px; font-size: 14px; font-weight: 400; background-size: 14px 14px;
}
.weapon-stats-list li p {
	padding: 4px 0px; width: 100%; bottom: 18px; font-size: 12px; position: absolute;
}
.weapon-stats-list li .progress-bar {
	margin: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute;
}
.weapon-stats-list li:not(.active).locked .image {
	opacity: 0.3;
}
.weapon-stats-list li:not(.active).locked p {
	color: rgb(168, 168, 168);
}
.weapon-stats-list li.active {
	color: black; box-shadow: 0px 0px 7px 0px #e0f4f8; background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%); background-color: white;
}
.weapon-stats-list li.locked.active {
	color: black; box-shadow: 0px 0px 7px 0px #e0f4f8; background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%); background-color: white;
}
.weapon-stats-list li.active p {
	color: rgb(0, 0, 0); font-weight: bold;
}
.weapon-stats-list li.locked.active p {
	color: rgb(0, 0, 0); font-weight: bold;
}
.weapon-stats-list li.has-progress .service-star-container {
	bottom: 10px;
}
.weapon-stats-list li.has-progress .xp-icon {
	bottom: 10px;
}
.license-unlocked .weapon-stats-list .service-star-container {
	bottom: 3px;
}
.no-weapons-found {
	font-size: 12px;
}
.weapons-stat-tbl .no-service-stars.service-star {
	padding: 0px; width: 20px; text-indent: -200%; overflow: hidden; opacity: 0.4;
}
.weapons-stat-tbl td.item-name > .relative {
	height: 69px; padding-top: 16px;
}
.weapons-stat-tbl td.item-servicestars > .relative {
	height: 53px; padding-top: 32px;
}
.weapons-stat-tbl td.item-nextunlock > .relative {
	height: 51px; padding-top: 34px;
}
#bn-show-all {
	margin-top: 8px;
}
.vehicles-stat-tbl td {
	height: 100px;
}
.vehicles-stat-tbl .image-container {
	margin: 0px auto; overflow: hidden;
}
.vehicles-stat-tbl .no-service-stars.service-star {
	padding: 0px; width: 20px; text-indent: -200%; overflow: hidden; opacity: 0.4;
}
.vehicles-stat-tbl td.item-name > .relative {
	height: 69px;
}
.vehicles-stat-tbl td.item-servicestars > .relative {
	height: 53px; padding-top: 32px;
}
.vehicles-stat-tbl td.item-nextunlock > .relative {
	height: 56px; padding-top: 29px;
}
td.item-servicestars > .relative .faded.servicestar {
	opacity: 0.3;
}
.vehicle-stats-box {
	margin-bottom: 16px;
}
.vehicle-stats-box > header + .box-content {
	padding: 0px; background-color: inherit;
}
.vehicle-stats-list li {
	height: 100px; background-color: rgba(7, 7, 7, 0.5);
}
.vehicle-stats-list li:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
.vehicle-stats-list li .image-container {
	top: 33px; width: 118px; overflow: hidden; position: absolute;
}
.vehicle-stats-list li .image-container .vehicleunlock {
	margin-left: -11px;
}
.vehicle-stats-list li .progress-bar {
	width: 100%; bottom: 0px; margin-bottom: 0px; position: absolute;
}
.vehicle-stats-list li.locked .image-container {
	opacity: 0.5;
}
.vehicle-stats-list li.active {
	color: black; opacity: 1; box-shadow: 0px 0px 7px 0px #e0f4f8; background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%); background-color: white;
}
#vehicle-details .box {
	margin-top: 1px;
}
#vehicle-details .details-category-name {
	padding: 4px 16px;
}
.category-vehicle-box {
	transition:height 0.25s ease-in-out; overflow: hidden; -webkit-transition: height 0.25s ease-in-out; -moz-transition: height 0.25s ease-in-out;
}
.category-vehicle-box .vehicle_unlock {
	margin: 0px auto; display: block;
}
.category-vehicles-list li {
	padding: 5px 10px; font-size: 12px; margin-top: 1px; background-color: rgba(7, 7, 7, 0.5);
}
.category-vehicles-list li span {
	color: rgb(168, 168, 168); text-transform: uppercase; float: left;
}
.category-vehicles-list li strong {
	float: right;
}
.category-vehicles-list li.active span {
	color: rgb(255, 255, 255);
}
.category-vehicles-list li.total span {
	padding: 5px 0px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 14px; font-weight: bold;
}
.category-vehicles-list li.total strong {
	padding: 5px 0px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 14px; font-weight: bold;
}
.category-vehicles-list li[data-guid] {
	cursor: pointer;
}
.category-vehicles-list li[data-guid]:hover {
	color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);
}
.category-vehicles-list li[data-guid]:hover span {
	color: rgb(0, 0, 0);
}
#vehicle-category-details .track-button {
	margin-bottom: 0px;
}
#vehicle-category-details .info {
	margin-top: 16px;
}
body #base-container #user .profile-stats-blaze-down {
	height: 200px; text-align: center; color: rgb(168, 168, 168); line-height: 200px; font-size: 14px;
}
body #base-container #user .profile-info {
	position: relative;
}
body #base-container #user .premium.profile-info .username.box {
	background-position: top; color: rgb(244, 208, 125); background-image: url("../base/bf4/overlay-p.png"); background-repeat: no-repeat;
}
body #base-container #user .premium.profile-info .username.box .icon-premium-p-big {
	left: 10px; margin-top: 4px; position: relative;
}
body #base-container #user .profile-info .box {
	width: 815px; height: 39px; margin-bottom: 1px;
}
body #base-container #user .profile-info .box .box-content {
	padding: 0px 14px; height: 39px; line-height: 39px;
}
body #base-container #user .profile-info .username.box {
	font-family: Purista, sans-serif; font-size: 36px; font-style: normal; font-weight: 600; background-color: rgba(7, 7, 7, 0.6);
}
body #base-container #user .profile-info .userinfo.box {
	font-family: Arial; font-size: 14px;
}
body #base-container #user .profile-info .userinfo.box .infotext {
	color: rgb(168, 168, 168);
}
body #base-container #user .profile-info .userinfo.box :empty.box-content {
	top: -1px; height: 41px; position: relative;
}
body #base-container #user .profile-info .soldiers.box {
	font-family: Purista, sans-serif; font-size: 19px; font-style: normal; font-weight: 600;
}
body #base-container #user .profile-info .soldiers.box .allsoldiers {
	width: 680px; height: 39px; overflow: hidden;
}
body #base-container #user .profile-info .last.box .box-content {
	height: 56px; line-height: 56px;
}
body #base-container #user .profile-info h1 {
	margin: 0px; padding: 0px 14px; width: 100%; text-transform: none; overflow: hidden;
}
body #base-container #user .profile-info h1 span.premium {
	color: rgb(228, 183, 68);
}
body #base-container #user .profile-info .presentation {
	line-height: 25px;
}
body #base-container #user .profile-info .avatar-container {
	width: 176px; height: 176px; margin-right: 1px; float: left;
}
body #base-container #user .profile-info .avatar-container .avatar {
	width: 176px; height: 176px;
}
body #base-container #user .profile-info .user-container {
	width: 815px; float: left;
}
body #base-container #user .profile-info .interact {
	font-family: Purista, sans-serif; font-style: normal; font-weight: 400;
}
body #base-container #user .profile-info .interact .btn {
	margin-right: 8px;
}
body #base-container #user .profile-info .interact .avatar {
	margin-left: 6px;
}
body #base-container #user .profile-overview .presentation {
	color: rgb(168, 168, 168); line-height: 22px; font-size: 14px;
}
body #base-container #user .profile-playing {
	background: rgb(47, 132, 177); height: 72px;
}
body #base-container #user .profile-playing .map {
	margin: 6px;
}
body #base-container #user .profile-playing .map .map-image {
	height: 60px;
}
body #base-container #user .profile-playing .info {
	margin: 0px 10px; padding-top: 8px;
}
body #base-container #user .profile-playing .info .servername {
	text-transform: none;
}
body #base-container #user .profile-playing .info h1 {
	margin: 6px 0px 4px; color: rgb(255, 255, 255); line-height: 14px; font-family: Purista, sans-serif; font-size: 19px; font-style: normal; font-weight: 600;
}
body #base-container #user .profile-playing .info h2 {
	color: rgb(255, 255, 255); line-height: 14px; font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; margin-bottom: 4px;
}
body #base-container #user .profile-playing .info h3 {
	color: rgb(215, 215, 215); line-height: 14px; font-family: Arial; font-size: 12px; font-weight: normal;
}
body #base-container #user .profile-playing .btn {
	margin: 13px 16px;
}
body #base-container #user .join-flow {
	margin-bottom: 16px; background-color: rgba(7, 7, 7, 0.5);
}
body #base-container #user .join-flow .server-info {
	padding: 16px; float: left;
}
body #base-container #user .join-flow .server-info header {
	margin-bottom: 14px;
}
body #base-container #user .join-flow .join-button {
	padding-right: 16px; float: right;
}
body #base-container #user .soldier-info {
	height: 294px; padding-top: 16px; padding-left: 16px; position: relative; background-color: rgba(7, 7, 7, 0.6);
}
body #base-container #user .soldier-info div {
	margin-bottom: 14px;
}
body #base-container #user .soldier-info .avatar {
	right: 5px; position: absolute; z-index: 10;
}
body #base-container #user .soldier-info .dogtags {
	top: 0px; right: 40px; position: absolute;
}
body #base-container #user #soldiers header {
	margin-bottom: 1px;
}
body #base-container #user #soldiers .banned .rank {
	display: none;
}
body #base-container #user #soldiers .premium.soldier-data-container {
	background-position: top; background-image: url("../base/bf4/overlay-p.png"); background-repeat: no-repeat;
}
body #base-container #user #soldiers .premium.soldier-data-container .soldier-name {
	color: rgb(244, 208, 125);
}
body #base-container #user #soldiers h2 {
	margin: 0px; line-height: 1; font-size: 22px;
}
body #base-container #user #soldiers h2.soldier-name {
	text-transform: none; position: relative; z-index: 2;
}
body #base-container #user #soldiers h2 .count {
	float: right;
}
body #base-container #user #soldiers .soldier-name-banned {
	color: rgb(255, 0, 0); text-transform: uppercase; font-size: 12px;
}
body #base-container #user #soldiers h3 {
	line-height: 1; font-size: 30px;
}
body #base-container #user #soldiers h3.skill {
	margin-bottom: 20px;
}
body #base-container #user #soldiers h3.rank {
	font-size: 40px; font-weight: 400;
}
body #base-container #user #soldiers h5 {
	line-height: 1; font-size: 16px; font-weight: 400;
}
body #base-container #user #soldiers .soldier-emblem {
	top: 40px; right: 90px; position: absolute; z-index: 0;
}
body #base-container #user #soldiers .rank {
	transition:opacity 0.5s; -webkit-transition: 0.5s opacity; -moz-transition: 0.5s opacity;
}
body #base-container #user #soldiers .dogtags {
	transition:opacity 0.5s; -webkit-transition: 0.5s opacity; -moz-transition: 0.5s opacity;
}
body #base-container #user #soldiers .rank {
	left: 6px; top: 30px; position: absolute;
}
body #base-container #user #soldiers .other.rank {
	top: 60px;
}
body #base-container #user #soldiers .hidden {
	opacity: 0;
}
body #base-container #user #soldiers .soldier-hidden {
	display: none;
}
body #base-container #user #soldiers .box-padding {
	z-index: 3;
}
body #base-container #user #soldiers .profile-soldier-image {
	right: -80px; bottom: -215px; position: absolute; z-index: 1;
}
body #base-container #user #soldiers h3.rank {
	line-height: 1; font-size: 30px;
}
body #base-container #user #soldiers h3.rank img {
	vertical-align: middle;
}
body #base-container #user #soldiers .details {
	display: none;
}
body #base-container #user #soldiers .dogtags {
	left: 95px; top: 130px; position: absolute;
}
body #base-container #user #soldiers .dogtags img {
	width: 75px; position: absolute;
}
body #base-container #user #soldiers .dogtags img:first-child {
	top: 3px; z-index: 1; transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg);
}
body #base-container #user #soldiers .dogtags img:last-child {
	left: 45px;
}
body #base-container #user #soldiers .icon-platform {
	display: inline-block;
}
body #base-container #user #soldiers .soldier {
	height: 127px; overflow: hidden; margin-bottom: 1px; position: relative; cursor: pointer;
}
body #base-container #user #soldiers .soldier > a:hover {
	text-decoration: none;
}
body #base-container #user #soldiers .big.soldier {
	height: 279px;
}
body #base-container #user #soldiers .big.soldier .rank {
	left: 6px; top: 35px; position: absolute;
}
body #base-container #user #soldiers .big.soldier .other.rank {
	top: 65px;
}
body #base-container #user #soldiers .big.soldier .details {
	left: 16px; bottom: 16px; display: block; position: absolute; z-index: 2;
}
body #base-container #user #soldiers .big.soldier .profile-soldier-image {
	bottom: -60px;
}
body #base-container #user #soldiers .soldier:hover {
	text-decoration: none;
}
body #base-container #user .veteran-score .box-content h1 {
	text-align: center;
}
body #base-container #user .connected-devices .box-content h1 {
	text-align: center;
}
body #base-container #user .veteran-score .box-content p {
	font-size: 12px;
}
body #base-container #user .connected-devices .box-content p {
	font-size: 12px;
}
body #base-container #user .veteran-score .box-content p span.red {
	color: red; padding-right: 1px; padding-left: 1px;
}
body #base-container #user .connected-devices .box-content p span.red {
	color: red; padding-right: 1px; padding-left: 1px;
}
body #base-container #user .veteran-score .box-content p span.green {
	color: rgb(120, 199, 83);
}
body #base-container #user .connected-devices .box-content p span.green {
	color: rgb(120, 199, 83);
}
body #base-container #user .friends ul {
	margin-right: -11px; margin-bottom: -8px;
}
body #base-container #user .friends ul li {
	margin-right: 11px; margin-bottom: 8px; display: inline-block;
}
body #base-container #user .friends footer {
	padding: 0px;
}
body #base-container #user .friends footer a {
	padding: 16px; text-decoration: none; display: block;
}
body #base-container #user .friends footer:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
body #base-container #user .friends .facebook-friendfinder {
	background: url("../facebook/icon-fb-l.png") no-repeat center 0px; text-align: center; padding-top: 60px; position: relative; z-index: 1;
}
body #base-container #user .friends .facebook-friendfinder p {
	color: rgb(168, 168, 168); text-transform: none; line-height: 1.5em; font-family: Arial; font-size: 14px; margin-bottom: 12px;
}
body #base-container #user .friends .facebook-friendfinder button {
	cursor: pointer;
}
body #base-container #user .profile-others.wallpost textarea {
	padding: 8px;
}
.right-column .friends header h1 a {
	color: rgb(213, 221, 229); text-decoration: none;
}
#profile-friends .friend {
	margin-top: 1px;
}
#profile-friends .interact {
	margin-top: 13px;
}
#profile-friends .text {
	margin-top: 20px; margin-left: 76px;
}
#profile-friends .text .username {
	color: rgb(168, 168, 168); font-size: 12px; text-decoration: none; margin-top: 6px; display: block;
}
#profile-friends .playing .text {
	line-height: 20px; margin-top: 9px;
}
#game-stats > .submenu li a {
	font-size: 16px;
}
#game-stats .loading-box {
	padding: 50px; text-align: center; font-size: 16px; background-color: rgba(0, 0, 0, 0.45);
}
#game-stats .profile-stats-blaze-down {
	padding: 50px; text-align: center; font-size: 16px; background-color: rgba(0, 0, 0, 0.45);
}
#game-stats .no-results.box {
	text-align: center;
}
#game-stats-head {
	height: 64px; margin-bottom: 8px;
}
#game-stats-head::before {
	line-height: 0; display: table; content: "";
}
#game-stats-head::after {
	line-height: 0; display: table; content: "";
}
#game-stats-head::after {
	clear: both;
}
#game-stats-head .avatar-container {
	margin-right: 16px; float: left;
}
#game-stats-head h1 {
	line-height: 32px; font-size: 36px; margin-bottom: 4px;
}
#game-stats-head .soldier-info-name span.premium {
	color: rgb(228, 183, 68);
}
#game-stats-head .user {
	min-width: 650px;
}
#game-stats-head .user::before {
	line-height: 0; display: table; content: "";
}
#game-stats-head .user::after {
	line-height: 0; display: table; content: "";
}
#game-stats-head .user::after {
	clear: both;
}
#game-stats-head .user .common-gameicon-hori {
	text-decoration: none;
}
#game-stats-head .user .common-gameicon-hori {
	line-height: 13px; font-size: 13px;
}
#game-stats-head .user a.profile-link {
	line-height: 13px; font-size: 13px;
}
#game-stats-head .user .common-gameicon-hori {
	margin-right: 5px; float: left;
}
#game-stats-head .user .icon-premium-wide {
	margin-right: 5px; float: left;
}
#game-stats-head .user .icon-premium-wide {
	margin-top: 40px;
}
#stats-header-challenges {
	font-family: Purista, sans-serif; font-style: normal; font-weight: 400;
}
#stats-header-challenges::before {
	line-height: 0; display: table; content: "";
}
#stats-header-challenges::after {
	line-height: 0; display: table; content: "";
}
#stats-header-challenges::after {
	clear: both;
}
#stats-header-challenges > div {
	margin-top: 14px;
}
#stats-header-challenges > div:nth-child(2) {
	height: 29px; padding-top: 3px; margin-right: 16px;
}
#stats-header-challenges > div:nth-child(2) i:nth-of-type(1) {
	margin-right: 16px;
}
#stats-header-challenges > div:nth-child(2) i:nth-of-type(2) {
	margin-left: 16px; float: right;
}
#stats-list-container li {
	padding: 0px 10px; height: 26px; line-height: 26px; clear: both;
}
#stats-list-container li:nth-child(2n+1) {
	background-color: rgba(0, 0, 0, 0.3);
}
#stats-list-container li span {
	float: left;
}
#stats-list-container li strong {
	float: right;
}
.overview-small-list-box .box-content {
	padding: 14px 16px 0px; height: 64px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.overview-small-list-box .alpha.box-content {
	padding: 15px 15px 0px; height: 79px;
}
.overview-small-list-box .no-data {
	width: 100%; text-align: center; color: rgb(168, 168, 168); font-size: 12px; margin-top: 12px;
}
.overview-small-solo-box .box-content {
	height: 144px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.overview-top-box {
	margin-top: 1px;
}
.empty-overview-top-box .box-content {
	height: 143px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.empty-overview-top-box .no-data {
	width: 100%; text-align: center; color: rgb(168, 168, 168); font-size: 12px; margin-top: 64px;
}
.overview-top-box .box-content {
	background: none; height: 218px; position: relative;
}
.overview-top-box .item-highlighted {
	left: 0px; top: 0px; right: 85px; bottom: 0px; position: absolute;
}
.overview-top-box .item-highlighted .top-item {
	width: 100%; height: 100%;
}
.overview-top-box .item-highlighted .top-item .info {
	left: 16px; text-align: left; right: 10px; bottom: 13px;
}
.overview-top-box .item-highlighted .top-item .info .service-stars {
	background: url("../profile/warsaw/stats/servicestars/servicestar-20x20.png") no-repeat 0px 1px / 18px 18px; height: 21px; text-align: right; right: 0px; bottom: 0px; padding-top: 0px; padding-left: 22px; font-family: Purista, sans-serif; font-size: 19px; font-style: normal; font-weight: 600; position: absolute;
}
.overview-top-box .items-highlighted {
	width: 84px; margin-top: -1px; float: right;
}
.overview-top-box .items-highlighted .top-item {
	margin-top: 1px;
}
.overview-top-box .items-highlighted .top-item .item-image {
	margin-top: 6px;
}
.overview-top-box .items-highlighted .top-item .info .title {
	display: none;
}
.overview-top-box .items-highlighted .top-item .info .score {
	text-transform: capitalize; font-family: inherit; font-size: 14px; font-weight: normal;
}
.overview-top-box .top-item {
	width: 84px; height: 108.5px; position: relative; background-color: rgba(0, 0, 0, 0.4);
}
.overview-top-box .is-linked.top-item:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
.overview-top-box .top-item > a {
	width: 100%; height: 100%; text-align: center; text-decoration: none; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.overview-top-box .list-head.top-item {
	text-align: center; line-height: 55px; font-size: 18px;
}
.overview-top-box .top-item .info {
	left: 0px; text-align: center; right: 0px; bottom: 8px; position: absolute;
}
.overview-top-box .top-item .info .title {
	color: rgb(168, 168, 168); text-transform: uppercase; line-height: 1; font-size: 14px; margin-bottom: 4px;
}
.overview-top-box .top-item .info .score {
	text-transform: uppercase; line-height: 1; font-family: Purista, sans-serif; font-size: 19px; font-style: normal; font-weight: 600;
}
.overview-top-box .top-item .info .service-stars {
	background: url("../img/warsaw/stats/servicestars/servicestar-18x18.png") no-repeat 0px 0px / 13px 13px; height: 13px; line-height: 1; padding-top: 1px; padding-left: 16px; font-size: 12px; font-weight: bold; display: inline-block;
}
.overview-top-box .top-item .info + span {
	margin: 10px 10px 0px 0px; float: right;
}
.overview-top-box .top-item span {
	color: rgb(168, 168, 168); font-size: 12px;
}
.overview-top-box .top-leaderboards .leaderboard-icons img {
	margin: 12px 4px 4px;
}
.overview-top-box .top-leaderboards .items-highlighted .lb-item-image {
	top: 4px; height: 40px; right: 8px; position: absolute;
}
.overview-top-box .top-leaderboards .items-highlighted .division-rank {
	left: 8px; bottom: 4px; font-size: 12px; font-weight: bold; position: absolute; z-index: 1;
}
.overview-top-box .top-leaderboards .items-highlighted .division-rank .division {
	height: 32px;
}
.overview-top-box .top-leaderboards .items-highlighted .division-rank .area {
	height: 20px;
}
.overview-top-box .top-leaderboards .items-highlighted .division-rank .rank {
	line-height: 10px; vertical-align: 50%;
}
.overview-top-box .battlereport-minicard {
	padding: 7px;
}
.overview-top-box .battlereport-minicard:hover {
	cursor: pointer; background-color: rgba(0, 0, 0, 0.35);
}
#overview-battlereport-favorites > a {
	margin: 4px 12px 0px 0px; display: inline-block;
}
#overview-battlereport-favorites > a:last-child {
	margin-right: 0px;
}
#overview-battlereport-favorites .no-data {
	margin-top: 18px;
}
.dimmed {
	height: 223px; text-align: center; text-transform: uppercase; line-height: 212px; font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; background-color: rgba(0, 0, 0, 0.45);
}
#overview-top-modes:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
#overview-top-modes ul {
	margin: 0px; padding: 4px 16px;
}
#overview-completion {
	margin-top: 16px;
}
#overview-completion .box-content {
	background-color: inherit;
}
#overview-completion ul li {
	padding: 6px 0px; height: 40px; margin-bottom: 1px; background-color: rgba(0, 0, 0, 0.4);
}
#overview-completion ul li:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
#overview-completion ul li i {
	margin-top: 6px; float: left;
}
#overview-completion ul li .completion-content {
	padding: 8px 0px 12px 20px; overflow: hidden;
}
#overview-completion ul li .completion-content h6 {
	color: rgb(255, 255, 255); line-height: 20px; font-size: 14px; margin-top: 3px; margin-bottom: 0px; float: left;
}
#overview-completion ul li .completion-content .progress-bar {
	width: 700px; margin-top: 3px; margin-bottom: 0px; float: right;
}
#overview-completion ul li .completion-content p {
	top: 3px; width: 90px; padding-top: 3px; padding-left: 10px; font-size: 12px; float: right; position: relative;
}
#overview-completion ul li .completion-content p.completed {
	background-position: 74px 0px; height: 16px; background-image: url("../profile/warsaw/checkbox.png"); background-repeat: no-repeat;
}
.stat-latest-game h6 {
	margin: 0px; padding: 0px; line-height: 20px; font-size: 16px;
}
.stat-latest-game i {
	width: 42px; height: 42px; display: inline-block;
}
.stat-latest-game .info {
	text-align: left;
}
.stat-latest-game .info p:first-child {
	color: rgb(168, 168, 168); text-transform: uppercase; line-height: 12px; font-size: 12px; margin-bottom: 6px;
}
.stat-latest-game .info p:last-child {
	line-height: 14px;
}
#filter-options {
	margin-bottom: 20px; display: none;
}
#filter-options .ui-widget-content {
	border: 0px currentColor; border-image: none; background-color: rgba(0, 0, 0, 0.6);
}
#filter-options .ui-slider-handle {
	top: -2px; width: 6px; height: 9px; margin-left: -5px;
}
#filter-options .ui-widget-header {
	box-shadow: inset 0px 0px 3px 1px #148ec1; background-image: linear-gradient(to right, rgb(20, 142, 193) 50%, transparent 50%), linear-gradient(to right, rgb(68, 215, 255) 50%, transparent 50%); background-size: 1px 1px, 2px 2px, 3px 3px; background-color: rgb(20, 142, 193);
}
#filter-options .filter-list li {
	margin-bottom: 10px;
}
#filter-options .filter-list span {
	text-transform: uppercase; font-size: 12px;
}
#filter-options .filter-list span:last-child {
	color: rgb(168, 168, 168); margin-top: 4px; float: right;
}
#filter-options .filter-list .filter-slider {
	margin-top: 6px;
}
#filter-options h3 {
	color: rgb(138, 138, 138); line-height: 1.2; font-size: 13px;
}
#filter-options section {
	float: left;
}
#filter-options section.attributes-filter {
	width: 480px;
}
#filter-options section.category-filter {
	width: 430px; margin-left: 50px;
}
#filter-options section.category-filter li {
	width: 190px; overflow: hidden; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.stat-box {
	margin-bottom: 16px;
}
.stat-box > header + .box-content {
	padding: 0px; background-color: inherit;
}
.stat-list-col > li {
	margin: 0px 1px 1px 0px; text-align: center; float: left; display: inline-block; position: relative; cursor: pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.stat-list-col > li:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
.stat-list-col > li.active {
	color: black; opacity: 1; box-shadow: 0px 0px 7px 0px #e0f4f8; background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%); background-color: white;
}
.col6.stat-list-col > li {
	width: 108px;
}
.col6.stat-list-col > li:nth-child(6n+4) {
	width: 109px;
}
.col6.stat-list-col > li:nth-child(6n+5) {
	width: 109px;
}
.col6.stat-list-col > li:nth-child(6n) {
	width: 109px; margin-right: 0px;
}
.col5.stat-list-col > li {
	width: 130px;
}
.col5.stat-list-col > li:nth-child(5n+4) {
	width: 131px;
}
.col5.stat-list-col > li:nth-child(5n) {
	width: 131px; margin-right: 0px;
}
.box-list {
	margin-bottom: 1px;
}
.box-list li {
	padding: 8px 10px; font-size: 12px; margin-top: 1px; background-color: rgba(7, 7, 7, 0.5);
}
a.box-link {
	padding: 2px 5px; color: rgb(255, 255, 255); font-size: 12px; text-decoration: none; background-color: rgba(0, 0, 0, 0.3);
}
a.box-link:hover {
	color: rgb(0, 0, 0); box-shadow: 0px 0px 6px 0px rgba(255,255,255,0.5); background-color: rgba(255, 255, 255, 0.8);
}
#profile-status-message-edit {
	padding: 7px 8px; width: 100%; font-size: 14px; margin-bottom: 8px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#profile-status-message {
	position: relative;
}
#profile-status-message .profile-status-message-text {
	display: inline-block;
}
#profile-status-message .profile-status-message-date {
	color: rgb(168, 168, 168); font-size: 12px;
}
.profile-your#profile-status-message .message {
	border: 1px solid rgb(138, 138, 138); border-image: none; background-color: rgba(0, 0, 0, 0.3);
}
.profile-your#profile-status-message .message #profile-status-message-area {
	padding: 8px; font-size: 14px;
}
.profile-your#profile-status-message:hover .message {
	border-color: rgba(250, 246, 246, 0.6); cursor: text;
}
#profile-status-message #profile-edit-status-button {
	top: 11px; width: 14px; height: 14px; right: 11px; position: absolute; cursor: pointer; background-image: url("../comcenter/chat-edit.png"); background-repeat: no-repeat;
}
#profile-status-message #profile-edit-status-button:hover {
	background-position: 0px -14px;
}
#profile-status-message:hover #profile-edit-status-button {
	background-position: 0px -14px;
}
#profile-status-message .feed-update-status-terms {
	cursor: pointer;
}
#profile-edit-full-form .premium.soldier-row {
	background-position: top; background-image: url("../img/icons/overlay-p.png"); background-repeat: no-repeat;
}
#profile-edit-full-form .premium.soldier-row .icon-premium-wide {
	top: 2px; margin-right: 6px; position: relative;
}
#profile-edit-full-form .profile-edit-full-form-loader {
	margin-top: 8px; margin-right: 16px; float: left; display: none;
}
#profile-edit-full-form #profile-edit-blocked-users .base-profile-link {
	font-size: 12px; font-weight: bold;
}
#profile-edit-full-form #profile-edit-blocked-users .profile-removeblock {
	margin-top: 4px;
}
#profile-edit-full-form .profile-edit-gravatar-container {
	background: rgba(0, 0, 0, 0.5); color: rgb(213, 221, 229); margin-right: 16px; float: left;
}
#profile-edit-full-form p {
	line-height: 1.2; font-size: 12px;
}
#profile-edit-full-form p a {
	text-decoration: underline;
}
#profile-edit-full-form p a:hover {
	text-decoration: none;
}
#profile-edit-full-form label {
	font-size: 12px;
}
#profile-edit-full-form #profile-edit-gravatar {
	width: 340px; line-height: 26px; margin-top: 10px;
}
#profile-edit-full-form #profile-edit-remove-gravatar {
	line-height: 40px; font-size: 12px; text-decoration: underline; margin-right: 16px;
}
#profile-edit-full-form #profile-edit-change-gravatar {
	line-height: 40px; font-size: 12px; text-decoration: underline; margin-right: 16px;
}
#profile-edit-full-form .blockbox {
	width: 100%; margin-top: 1px;
}
#profile-edit-full-form .profile-personas-playing-game li {
	clear: both;
}
#profile-edit-full-form .profile-personas-playing-game li .profile-tag-soldier-name {
	padding: 8px 0px; clear: both; font-size: 14px; font-weight: bold;
}
#profile-edit-full-form .profile-personas-playing-game li .profile-tag-soldier-name .soldiername {
	margin-right: 5px; float: left;
}
#profile-edit-full-form .profile-personas-playing-game li .profile-tag-soldier-name .profile-soldier-game {
	margin-top: 2px;
}
#profile-edit-full-form .profile-personas-playing-game li .profile-edit-clantag-input-container {
	left: 10px; top: 10px; float: left; position: relative;
}
#profile-edit-full-form .profile-personas-playing-game li .soldier-dogtags {
	left: 20px; position: relative;
}
#profile-edit-full-form .profile-edit-dogtag-text {
	top: 30px; font-size: 12px; margin-left: 10px; display: inline-block; position: absolute; cursor: pointer;
}
#profile-edit-full-form .profile-edit-dogtag-text:hover {
	text-decoration: underline;
}
#profile-edit-full-form .profile-edit-picture .profile-soldier-image {
	cursor: inherit;
}
#profile-edit-full-form .profile-edit-soldier-text {
	top: 30px; font-size: 12px; margin-left: 10px; display: inline-block; position: absolute; cursor: pointer;
}
#profile-edit-full-form .profile-edit-soldier-text:hover {
	text-decoration: underline;
}
#profile-edit-full-form .profile-edit-presentation-text {
	top: 5px; width: 104px; font-size: 12px; float: left; display: inline-block; position: relative;
}
#profile-edit-full-form #profile-edit-forumsignature {
	margin: 0px; padding: 8px; width: 438px; height: 100px; color: rgb(255, 255, 255); font-family: arial, sans-serif; font-size: 12px; -ms-overflow-y: auto; max-width: 438px;
}
#profile-edit-full-form #profile-edit-presentation {
	margin: 0px; padding: 8px; width: 438px; height: 100px; color: rgb(255, 255, 255); font-family: arial, sans-serif; font-size: 12px; -ms-overflow-y: auto; max-width: 438px;
}
#profile-edit-full-form p.edit-profile-user-details-text {
	line-height: 1.2; padding-bottom: 15px;
}
#profile-edit-full-form #profile-edit-row-name {
	margin-bottom: 16px;
}
#profile-edit-full-form #profile-edit-row-location label {
	float: left;
}
#profile-edit-full-form .profile-presentation-box {
	margin-top: 10px;
}
#profile-edit-full-form .profile-edit-dateformat-label {
	width: 150px;
}
#profile-edit-full-form .profile-edit-row {
	min-height: 22px;
}
#profile-edit-full-form .profile-edit-row > label:first-child {
	top: 8px; text-transform: uppercase; font-weight: bold; float: left; position: relative; min-width: 170px;
}
#profile-edit-full-form #profile-edit-clantag-input {
	width: 102px; height: 34px; line-height: 26px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#profile-edit-full-form .greyedout#profile-edit-clantag-input {
	background: rgba(255, 255, 255, 0.05);
}
#profile-edit-full-form .profile-edit-row-birthday .ui-select {
	text-transform: capitalize; margin-right: 8px;
}
#profile-edit-full-form .profile-warsawstats-resetstatsbutton {
	top: 5px; margin-right: 6px; position: relative;
}
#profile-edit-full-form .switch {
	margin: 0px 10px 0px 0px; top: 3px; position: relative;
}
#profile-edit-full-form .label-hidden.profile-edit-invisible-label {
	display: none;
}
#profile-edit-full-form .extra-info {
	color: rgb(168, 168, 168); line-height: 18px; font-size: 12px; margin-top: 16px; margin-right: 170px; margin-left: 170px;
}
#profile-edit-full-form .hidden.extra-info {
	display: none;
}
#profile-edit-full-form #profile-edit-row-game-launch .profile-edit-notification-label {
	float: left;
}
#profile-edit-full-form #profile-edit-row-privacy .profile-edit-notification-label {
	float: left;
}
#profile-edit-full-form #profile-edit-row-sound-notification .profile-edit-notification-label {
	float: left;
}
#profile-edit-full-form #profile-edit-row-local-settings .profile-edit-notification-label {
	float: left;
}
#profile-edit-full-form #profile-edit-row-game-launch .soundevents {
	float: left;
}
#profile-edit-full-form #profile-edit-row-game-launch .local-settings {
	float: left;
}
#profile-edit-full-form #profile-edit-row-privacy .soundevents {
	float: left;
}
#profile-edit-full-form #profile-edit-row-privacy .local-settings {
	float: left;
}
#profile-edit-full-form #profile-edit-row-sound-notification .soundevents {
	float: left;
}
#profile-edit-full-form #profile-edit-row-sound-notification .local-settings {
	float: left;
}
#profile-edit-full-form #profile-edit-row-local-settings .soundevents {
	float: left;
}
#profile-edit-full-form #profile-edit-row-local-settings .local-settings {
	float: left;
}
#profile-edit-full-form #profile-edit-row-game-launch .soundevents .profile-edit-sound-notification-option {
	margin: 3px 0px;
}
#profile-edit-full-form #profile-edit-row-game-launch .soundevents .profile-edit-local-setting {
	margin: 3px 0px;
}
#profile-edit-full-form #profile-edit-row-game-launch .local-settings .profile-edit-sound-notification-option {
	margin: 3px 0px;
}
#profile-edit-full-form #profile-edit-row-game-launch .local-settings .profile-edit-local-setting {
	margin: 3px 0px;
}
#profile-edit-full-form #profile-edit-row-privacy .soundevents .profile-edit-sound-notification-option {
	margin: 3px 0px;
}
#profile-edit-full-form #profile-edit-row-privacy .soundevents .profile-edit-local-setting {
	margin: 3px 0px;
}
#profile-edit-full-form #profile-edit-row-privacy .local-settings .profile-edit-sound-notification-option {
	margin: 3px 0px;
}
#profile-edit-full-form #profile-edit-row-privacy .local-settings .profile-edit-local-setting {
	margin: 3px 0px;
}
#profile-edit-full-form #profile-edit-row-sound-notification .soundevents .profile-edit-sound-notification-option {
	margin: 3px 0px;
}
#profile-edit-full-form #profile-edit-row-sound-notification .soundevents .profile-edit-local-setting {
	margin: 3px 0px;
}
#profile-edit-full-form #profile-edit-row-sound-notification .local-settings .profile-edit-sound-notification-option {
	margin: 3px 0px;
}
#profile-edit-full-form #profile-edit-row-sound-notification .local-settings .profile-edit-local-setting {
	margin: 3px 0px;
}
#profile-edit-full-form #profile-edit-row-local-settings .soundevents .profile-edit-sound-notification-option {
	margin: 3px 0px;
}
#profile-edit-full-form #profile-edit-row-local-settings .soundevents .profile-edit-local-setting {
	margin: 3px 0px;
}
#profile-edit-full-form #profile-edit-row-local-settings .local-settings .profile-edit-sound-notification-option {
	margin: 3px 0px;
}
#profile-edit-full-form #profile-edit-row-local-settings .local-settings .profile-edit-local-setting {
	margin: 3px 0px;
}
#profile-edit-full-form #profile-edit-row-game-launch span {
	font-size: 12px;
}
#profile-edit-full-form #profile-edit-row-privacy span {
	font-size: 12px;
}
#profile-edit-full-form #profile-edit-row-sound-notification span {
	font-size: 12px;
}
#profile-edit-full-form #profile-edit-row-local-settings span {
	font-size: 12px;
}
#profile-edit-full-form #profile-edit-row-game-launch .profile-edit-privacy-option-labels {
	margin-bottom: 8px; margin-left: 16px;
}
#profile-edit-full-form #profile-edit-row-privacy .profile-edit-privacy-option-labels {
	margin-bottom: 8px; margin-left: 16px;
}
#profile-edit-full-form #profile-edit-row-sound-notification .profile-edit-privacy-option-labels {
	margin-bottom: 8px; margin-left: 16px;
}
#profile-edit-full-form #profile-edit-row-local-settings .profile-edit-privacy-option-labels {
	margin-bottom: 8px; margin-left: 16px;
}
#profile-edit-full-form #profile-edit-row-game-launch .ui-select {
	margin-right: 6px;
}
#profile-edit-full-form #profile-edit-row-privacy .ui-select {
	margin-right: 6px;
}
#profile-edit-full-form #profile-edit-row-sound-notification .ui-select {
	margin-right: 6px;
}
#profile-edit-full-form #profile-edit-row-local-settings .ui-select {
	margin-right: 6px;
}
#profile-edit-full-form #profile-edit-row-game-launch div.label label {
	font-size: 14px; font-weight: bold;
}
#profile-edit-full-form #profile-edit-row-privacy div.label label {
	font-size: 14px; font-weight: bold;
}
#profile-edit-full-form #profile-edit-row-sound-notification div.label label {
	font-size: 14px; font-weight: bold;
}
#profile-edit-full-form #profile-edit-row-local-settings div.label label {
	font-size: 14px; font-weight: bold;
}
#profile-edit-full-form .profile-edit-privacy-option-label a {
	color: rgb(168, 168, 168);
}
.soldierbox-hidden {
	display: none;
}
#soldierbox-footer {
	padding: 0px; color: rgb(255, 255, 255); cursor: pointer;
}
#soldierbox-footer p {
	padding: 16px;
}
#soldierbox-footer:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
#favorite-battlereports-table {
	width: 327px; font-size: 10px;
}
#favorite-battlereports-table .favmapname {
	padding-bottom: 5px; font-size: 11px;
}
#favorite-battlereports-table .map-info p {
	width: 99px; white-space: normal; -ms-word-wrap: break-word;
}
.profile-location-display {
	padding: 0px; width: 400px; font-size: 12px; font-weight: bold; margin-left: 5px; float: left;
}
.profile-location-display a {
	font-size: 12px; font-weight: normal;
}
.profile-location-display p {
	font-weight: normal;
}
.profile-editsoldier {
	padding: 0px !important; margin-top: 1px;
}
.profile-editsoldier .dogtag1 {
	left: 14px; position: relative;
}
.profile-editsoldier-icon {
	top: 3px; position: relative;
}
.profile-editsoldier-table {
	margin-bottom: 0px !important;
}
.profile-editsoldier-table .game-title {
	color: rgb(255, 255, 255); font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 600;
}
.profile-editprivacy-table {
	margin-bottom: 0px !important;
}
.hidden#friend-unblock-button {
	display: none;
}
.hidden#friend-block-button {
	display: none;
}
td.profile-edit-primary .switch {
	left: 12px; position: relative;
}
td#profile-edit-soldier-name {
	width: 400px;
}
td#profile-edit-soldier-name a {
	font-size: 14px;
}
span.edit-profile-back {
	margin-left: 10px;
}
h1.soldier-info-name.primary span {
	text-transform: none; line-height: 40px;
}
h1.soldier-info-name.primary #base-container .content > section > header h1.wrappable.soldier-info-name {
	text-transform: none; line-height: 40px;
}
#base-container .content > section > header h1.soldier-info-name.primary h1.wrappable.soldier-info-name {
	text-transform: none; line-height: 40px;
}
h1.soldier-info-name.primary .forum-start-title h1.soldier-info-name {
	text-transform: none; line-height: 40px;
}
.forum-start-title h1.soldier-info-name.primary h1.soldier-info-name {
	text-transform: none; line-height: 40px;
}
h1.soldier-info-name.primary .forum-page-title h1.soldier-info-name {
	text-transform: none; line-height: 40px;
}
.forum-page-title h1.soldier-info-name.primary h1.soldier-info-name {
	text-transform: none; line-height: 40px;
}
h1.soldier-info-name.primary .missions-details .header h1.wrappable.soldier-info-name {
	text-transform: none; line-height: 40px;
}
.missions-details .header h1.soldier-info-name.primary h1.wrappable.soldier-info-name {
	text-transform: none; line-height: 40px;
}
h1.soldier-info-name.primary .devblog .header h1.soldier-info-name {
	text-transform: none; line-height: 40px;
}
.devblog .header h1.soldier-info-name.primary h1.soldier-info-name {
	text-transform: none; line-height: 40px;
}
h1.soldier-info-name.primary #battlereport > header h1.soldier-info-name {
	text-transform: none; line-height: 40px;
}
#battlereport > header h1.soldier-info-name.primary h1.soldier-info-name {
	text-transform: none; line-height: 40px;
}
.overview-info-box .box-content {
	position: relative;
}
#profile-customize-dropdown-button {
	position: relative;
}
#profile-customize-dropdown-button .btn {
	padding-right: 10px; padding-left: 10px; white-space: nowrap;
}
#profile-customize-dropdown-button .btn img {
	top: -3px; right: -2px; position: relative; opacity: 0.85;
}
#profile-customize-dropdown-button .btn:hover img {
	opacity: 1;
}
.set-as-active.btn {
	padding: 0px 10px; margin-right: 10px;
}
.underage.profile {
	text-align: center;
}
.underage.profile .box-content {
	padding-top: 200px; min-height: 300px;
}
.profile-custom .popover .popover-body {
	background: rgb(10, 14, 20); border: 1px solid rgb(213, 221, 229); border-image: none;
}
.profile-custom .popover .popover-body ul li > a {
	color: rgb(168, 168, 168);
}
.dogtags-chain {
	text-align: left; position: relative;
}
.dogtags-chain .dog-tag-name-overlay {
	color: rgba(200, 200, 200, 0.9); font-family: Purista, sans-serif; font-style: normal; font-weight: 400; position: absolute; z-index: 3; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; -o-background-clip: text;
}
.dogtags-chain .dog-tag-stat-overlay {
	color: rgba(200, 200, 200, 0.4); font-family: Purista, sans-serif; font-style: normal; font-weight: 400; position: absolute; z-index: 3; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; -o-background-clip: text;
}
.dogtags-chain .dog-tag-name-overlay {
	transform-origin: 0% 0%; left: 40px; top: 46px; font-size: 16px; text-shadow: -1px -1px 0.1px rgba(0,0,0,0.9), 1px 1px 0.1px rgba(255,255,255,0.1); transform: rotate(11deg); -webkit-transform: rotate(11deg); -moz-transform: rotate(11deg); -o-transform: rotate(11deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0;
}
.dogtags-chain .inverted.dog-tag-name-overlay {
	color: rgba(255, 255, 255, 0.3); text-shadow: 0px 0px 0.1px rgba(255,255,255,0.3), 0px -1px 0.1px rgba(0,0,0,0.9);
}
.dogtags-chain .dog-tag-stat-overlay {
	top: 60px; text-align: right; right: 28px; font-size: 11px; text-shadow: 0px 1px 0.1px rgba(0,0,0,0.7), -1px 0px 0.1px rgba(255,255,255,0.7);
}
.profile-twitch-stream .box-content {
	margin-bottom: 1px; position: relative;
}
.profile-twitch-stream .box-content img {
	top: 10px; right: 10px; position: absolute;
}
.profile-twitch-stream .box-content p {
	text-transform: uppercase; font-family: Purista; font-size: 23px;
}
.profile-twitch-stream .box-content p .twitch-viewers {
	color: rgb(168, 168, 168); text-transform: none; padding-left: 20px; font-size: 11px;
}
#stats-detailed > .row > [class*='span'] {
	margin-left: 16px; float: none; display: inline-block;
}
#stats-detailed > .row > [class*='span'] header {
	margin-bottom: 1px;
}
#stats-detailed tr.totalScore td {
	background-color: rgba(7, 7, 7, 0.6);
}
#stats-detailed tr.totalScore td.score::before {
	content: "= ";
}
.clubs-list .box-content {
	margin-top: 1px;
}
.clubs-list .friends {
	margin-top: 8px;
}
.club-link .emblem {
	margin-right: 16px; float: left;
}
.club-link .club-info {
	margin-right: 16px; float: left;
}
.club-link .name {
	margin: 8px 0px; overflow: hidden; font-family: Purista, sans-serif; font-size: 19px; font-style: normal; font-weight: 600; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 196px;
}
.club-link .info {
	font-size: 12px;
}
#game-stats .loading-box {
	padding: 200px 0px; text-transform: uppercase; font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 600;
}
#game-stats .loading-box .loader {
	margin-top: -4px;
}
#game-stats #overview-teamplay .box-content {
	height: 63px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#game-stats #overview-teamplay .alpha.box-content {
	height: 116px;
}
#game-stats #overview-rank .box-content:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
#game-stats #overview-teamplay .box-content:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
#game-stats #overview-dogtags .box-content:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
#game-stats .overview-info-box .box-content:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
#game-stats .overview-skillcontainer:hover #overview-info-list li {
	background-color: rgba(7, 7, 7, 0.6);
}
#game-stats .overview-skillcontainer:hover #overview-skill .box-content {
	background-color: rgba(7, 7, 7, 0.6);
}
#game-stats #player-win-stats {
	position: relative;
}
#game-stats #player-squad-score {
	margin: 0px; padding: 14px 0px; text-align: center;
}
#game-stats #player-squad-score li {
	text-align: center;
}
#game-stats #player-squad-score li.last {
	margin-right: 0px;
}
#game-stats #player-squad-score li span {
	color: rgb(168, 168, 168); text-transform: uppercase; font-size: 14px; display: block;
}
#game-stats #player-squad-score li strong {
	line-height: 30px; font-size: 14px; font-weight: bold; display: block;
}
#game-stats #player-squad-score li strong.focus {
	font-family: Purista, sans-serif; font-size: 23px; font-style: normal; font-weight: 600;
}
#game-stats #player-win-percentage {
	left: 165px; top: 34px; position: absolute;
}
#game-stats #player-win-percentage header {
	color: rgb(168, 168, 168); text-transform: uppercase; font-size: 14px; display: block;
}
#game-stats #player-win-percentage strong {
	line-height: 30px; font-size: 14px; font-weight: bold; display: block;
}
#game-stats #player-win-percentage strong.focus {
	font-family: Purista, sans-serif; font-size: 23px; font-style: normal; font-weight: 600;
}
#game-stats #player-stats-winrate {
	left: 75px; top: 7px; width: 100px; height: 100px; position: absolute;
}
#game-stats #player-stats-winrate svg {
	position: relative;
}
#game-stats #weapon-details-accessories {
	margin-top: 1px; display: block;
}
#soldierportraits-container #soldierimage {
	text-align: center;
}
#soldierportraits-container #soldierimage li {
	margin: 10px; float: left; cursor: pointer;
}
#soldierportraits-container #soldierimage li.disabled {
	cursor: inherit; opacity: 0.4;
}
#soldierportraits-container #soldierimage li:hover {
	background: rgba(255, 255, 255, 0.1);
}
#soldierportraits-container #soldierimage li.selected {
	background: rgb(255, 255, 255);
}
#soldierportraits-container #soldierimage li img {
	display: block;
}
#soldierportraits-container #soldierimage li .unlock-info {
	left: 0px; right: 0px; bottom: 0px; position: absolute;
}
#soldierportraits-container #soldierimage li .icon-premium-p {
	right: 6px; bottom: 100%; margin-bottom: 8px;
}
#soldierportraits-container #soldierimage li .icon-battlepack {
	right: 6px; bottom: 100%; margin-bottom: 8px; position: absolute;
}
#soldierportraits-container #soldierimage li .icon-battlepack + .icon-premium-p {
	right: 26px;
}
#soldierportraits-container #soldierimage li .battlepack-desc {
	background: rgba(0, 0, 0, 0.75); color: rgb(255, 255, 255); line-height: 16px; font-size: 11px;
}
.common-reportbutton {
	background: url("../common/icon-report-s.png");
}
.common-reportbutton-container .common-reportbutton {
	background: url("../common/icon-report-s.png");
}
.active.common-reportbutton-container .common-reportbutton {
	background-position: 0px 0px;
}
.bright.common-reportbutton {
	background-position: 0px 0px;
}
.profile-expansion-icon {
	top: 2px; position: relative;
}
.profile-expansion-icon a:hover {
	text-decoration: none;
}
.club-link {
	font-size: 13px;
}
.profile-solder-picture {
	cursor: pointer;
}
.profile-stats-table th {
	cursor: pointer;
}
.profile-stats-table th .arrow {
	display: none;
}
.profile-stats-table th.headerSortUp {
	background: url("../common/box-title-gradient-with-lin-active.png") top; color: rgb(0, 0, 0);
}
.profile-stats-table th.headerSortDown {
	background: url("../common/box-title-gradient-with-lin-active.png") top; color: rgb(0, 0, 0);
}
.profile-stats-table th.headerSortUp .arrow {
	width: 10px; height: 11px; margin-right: 8px; float: right; display: inline-block;
}
.profile-stats-table th.headerSortDown .arrow {
	width: 10px; height: 11px; margin-right: 8px; float: right; display: inline-block;
}
.profile-stats-table th.headerSortUp .arrow {
	background: url("../main/warsaw/loggedout/tablearrow-up.png") no-repeat;
}
.profile-stats-table th.headerSortDown .arrow {
	background: url("../main/warsaw/loggedout/tablearrow-down.png") no-repeat;
}
.devblog {
	font-family: Arial, sans-serif;
}
.devblog .header {
	margin-bottom: 15px;
}
.devblog section.pagination {
	margin-top: 10px;
}
.devblog .no-caps {
	text-transform: none;
}
.devblog .devblog-topstories-container {
	margin-bottom: 16px;
}
.devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory {
	height: 224px; display: block; position: relative; background-repeat: no-repeat; background-size: 100% auto; background-color: black;
}
.devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-overlay {
	left: 0px; top: 50%; right: 0px; bottom: 0px; position: absolute; background-image: linear-gradient(rgba(19, 22, 26, 0.5), rgb(19, 22, 26) 50%);
}
.devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content {
	padding: 0px 16px 16px; left: 0px; top: 50%; right: 0px; bottom: 0px; margin-top: 16px; position: absolute;
}
.devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content .devblog-topstory-votes {
	margin: 0px 0px 12px; padding: 0px 6px 0px 0px; line-height: 18px; font-size: 14px; display: inline-block;
}
.devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content .devblog-topstory-votes .icon {
	background: url("../feed/icon-hooah-activitystream.png") no-repeat 0px -54px; margin: 0px 6px 0px 0px; width: 18px; height: 18px; float: left; display: block;
}
.devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content .devblog-topstory-comments {
	margin: 0px 0px 12px; padding: 0px 6px 0px 0px; line-height: 18px; font-size: 14px; display: inline-block;
}
.devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content .devblog-topstory-comments .icon {
	background-position: 0px -10px; margin: 3px 6px 0px 0px; width: 18px; height: 13px; float: left; display: block; background-image: url("../devblog/icon-comments.png"); background-repeat: no-repeat;
}
.devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content h2 {
	text-transform: none; line-height: inherit; overflow: hidden; font-family: purista; font-size: 20px; font-weight: normal; min-height: 40px; max-height: 61px;
}
.devblog .devblog-topstories-container .devblog-topstory-wrapper .info-box {
	padding: 16px; left: 0px; bottom: 0px; position: absolute;
}
.devblog .devblog-topstories-container .devblog-topstory-wrapper .info-box .comments {
	width: 20px; padding-left: 16px; background-color: rgba(7, 7, 7, 0.6);
}
.devblog .devblog-post {
	line-height: 20px; font-size: 14px;
}
.devblog .devblog-post h1 {
	text-transform: none; line-height: 32px; font-size: 30px; font-weight: bold; margin-bottom: 16px;
}
.devblog .devblog-post .devblog-index-iteminfo {
	position: relative;
}
.devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-avatar {
	margin-right: 10px; display: inline-block;
}
.devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo {
	line-height: 35px; display: inline-block;
}
.devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .username {
	color: rgb(255, 255, 255); padding-right: 10px; font-weight: bold;
}
.devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .ago {
	color: rgb(168, 168, 168); padding-right: 10px;
}
.devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-comment-icon {
	background: url("../devblog/icon-comments.png") no-repeat 0px -10px; margin: 0px 6px 0px 0px; height: 12px; color: rgb(255, 255, 255); line-height: 15px; padding-left: 20px; text-decoration: none; display: inline-block; cursor: pointer; opacity: 0.5;
}
.devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-comment-icon:hover {
	opacity: 1;
}
.devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-comment-icon .comments {
	color: rgb(255, 255, 255); padding-right: 10px;
}
.devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote {
	color: rgb(255, 255, 255); display: inline-block;
}
.devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote .devblog-vote-icon {
	background: url("../feed/icon-hooah-activitystream.png") no-repeat 0px -50px; height: 20px; color: rgb(255, 255, 255); line-height: 26px; padding-left: 20px; text-decoration: none; display: inline-block; cursor: pointer; opacity: 0.5;
}
.devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote .devblog-vote-icon:hover {
	background-position: 0px -50px; opacity: 1;
}
.devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote .voted.devblog-vote-icon:hover {
	background-position: 0px -50px; opacity: 1;
}
.devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote .voted.devblog-vote-icon {
	background-position: 0px -50px; opacity: 1;
}
.devblog .devblog-post .devblog-index-iteminfo .share-widgets {
	padding: 7px 0px 0px; height: 20px; float: right;
}
.devblog .devblog-post .devblog-index-iteminfo .share-widgets li {
	float: left;
}
.devblog .devblog-post .devblog-index-content {
	color: white; padding-bottom: 0px;
}
.devblog .devblog-post .devblog-index-content p {
	margin-bottom: 1em;
}
.devblog .devblog-post .devblog-index-content .alignnone.wp-caption img {
	margin: 0px -16px; width: 656px; height: auto;
}
.devblog .devblog-post .devblog-index-content img.alignnone {
	margin: 0px -16px; width: 656px; height: auto;
}
.devblog .devblog-post .devblog-index-content .aligncenter.wp-caption img {
	margin: 0px -16px; width: 656px; height: auto;
}
.devblog .devblog-post .devblog-index-content img.aligncenter {
	margin: 0px -16px; width: 656px; height: auto;
}
.devblog .devblog-post .devblog-index-content p.wp-caption-text {
	margin: -10px -16px 10px; padding: 5px 16px; width: 656px; color: rgb(168, 168, 168); font-size: 12px; font-style: italic;
}
.devblog .devblog-post .devblog-index-content table {
	border: 1px solid white; border-image: none;
}
.devblog .devblog-post .devblog-index-content table td {
	padding: 10px; border: 1px solid white; border-image: none;
}
.devblog .devblog-post .preamble {
	display: none;
}
.devblog .voting {
	float: left;
}
.devblog .reply-item {
	height: 40px; padding-left: 40px; position: relative;
}
.devblog .right-column {
	line-height: 16px; margin-bottom: 1px;
}
.devblog .right-column .item {
	padding-bottom: 16px;
}
.devblog .right-column .item::before {
	line-height: 0; display: table; content: "";
}
.devblog .right-column .item::after {
	line-height: 0; display: table; content: "";
}
.devblog .right-column .item::after {
	clear: both;
}
.devblog .right-column h2 {
	text-transform: none; line-height: 16px; font-size: 12px;
}
.devblog .right-column .iteminfo {
	color: rgb(168, 168, 168); line-height: 16px; font-size: 11px;
}
.devblog .right-column .iteminfo .post-title {
	font-size: 12px; font-weight: bold;
}
.devblog .right-column .iteminfo .common-square {
	margin: 0px 2px 2px;
}
.devblog .right-column .thumbnail {
	margin-left: 16px; float: right;
}
.devblog .right-column .thumbnail img {
	max-height: 53px;
}
.devblog-postlistsmall {
	margin-bottom: 16px;
}
.devblog-postlistsmall .devblog-item .details {
	color: rgb(137, 137, 137); line-height: 1.8; font-size: 11px;
}
.devblog-postlistsmall footer {
	padding: 0px;
}
.devblog-postlistsmall footer a {
	padding: 16px; text-decoration: none; display: block;
}
.devblog-postlistsmall footer:hover {
	background: rgba(7, 7, 7, 0.6);
}
.devblog-comments-title {
	color: rgb(53, 53, 53); font-size: 12px; font-weight: bold;
}
.devblog-view-border {
	background: rgb(218, 218, 218); margin: 0px; width: 100%; height: 1px; clear: both;
}
.devblog-view-comments-divider {
	background: rgb(223, 223, 223); height: 3px; margin-bottom: 15px; border-bottom-color: rgb(251, 251, 251); border-bottom-width: 1px; border-bottom-style: solid;
}
.devblog-comment-bottom {
	background: url("../devblog/blogbox-bottom.png") repeat-x; height: 23px; margin-top: 8px;
}
.devblog-list-bottom {
	height: 41px; line-height: 41px; margin-top: 0px;
}
.devblog-noposts {
	padding: 9px 20px 16px 2px; color: rgb(53, 53, 53); font-size: 14px;
}
#base-all-body .devblog-post h1 {
	color: rgb(48, 141, 191);
}
.devblog-comments .pagination-pagination-right {
	float: left;
}
.devblog-sidebar {
	width: 320px; overflow: hidden; float: right;
}
.devblog-sidebar .common-secondary-column-line {
	margin-bottom: 11px;
}
.devblog-main {
	width: 656px; float: left;
}
.expansion-premium.devblog-post {
	background: url("../premium/avatar-premium-corner-supersize2.png") no-repeat 100% 0px; min-height: 66px;
}
.devblog-postlistsmall .expansion-premium a {
	background: url("../premium/icon-p-s.png") no-repeat 0px 1px; padding-left: 21px; display: inline-block;
}
.devblog-post .battlelog-wordpress {
	padding: 16px 0px;
}
.devblog-post .battlelog-wordpress ul {
	margin: -1em 0px 1em; padding: 0px 2.5em;
}
.devblog-post .battlelog-wordpress ol {
	margin: -1em 0px 1em; padding: 0px 2.5em;
}
.devblog-post .battlelog-wordpress ul li {
	padding: 3px 0px;
}
.devblog-post .battlelog-wordpress ol li {
	padding: 3px 0px;
}
.devblog-post .battlelog-wordpress ul {
	
}
.devblog-post .battlelog-wordpress ol {
	list-style: decimal;
}
.devblog-post .battlelog-wordpress a {
	color: rgb(168, 168, 168); text-decoration: underline;
}
.devblog-post .battlelog-wordpress a:hover {
	color: rgb(255, 255, 255);
}
.forum-middle {
	background: url("//d34ymitoc1pg7m.cloudfront.net/common/backgrounds/light-bg-26fc61c7.jpg") repeat-x top rgb(243, 243, 243); width: 100%; clear: both; position: relative;
}
.forum-create-post-similar-threads {
	margin-top: 16px;
}
.forum-start-container {
	width: 990px; float: left; min-height: 400px;
}
.forum-start-container .common-box-container {
	width: auto;
}
.forum-start-container .common-box-inner {
	padding: 0px;
}
.forum-start-border {
	padding: 0px; margin-bottom: 8px;
}
.forum-start-info {
	height: 27px; color: rgb(168, 168, 168);
}
.forum-start-info-bottom {
	width: 100%; height: 1px; background-color: rgb(242, 242, 242);
}
.forum-start-sticky-thread-separator {
	background: rgb(244, 244, 244); height: 4px; margin-right: -2px; margin-left: -2px; border-top-color: rgb(232, 232, 232); border-bottom-color: rgb(232, 232, 232); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.forum-activity .forum-start-sticky-thread-separator {
	background: none; margin: 0px; height: 1px; border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.forum-start-forum {
	height: 56px; position: relative;
}
.forum-start-forum-has-official {
	border-left-color: rgb(204, 227, 249); border-left-width: 3px; border-left-style: solid;
}
.forum-start-forum-separator {
	width: 100%; height: 1px; margin-top: 1px; margin-bottom: 1px; background-color: rgb(232, 232, 232);
}
.forum-start-forum-title {
	width: 550px; overflow: hidden; margin-top: 10px; margin-left: 39px; float: left; white-space: nowrap; position: relative;
}
.forum-start-container .forum-start-forum-bodycell a {
	font-size: 12px; font-weight: normal;
}
.forum-start-container .forum-start-forum-title a {
	font-size: 14px; font-weight: bold;
}
.forum-start-container .forum-start-forum-title p a {
	font-size: 11px; font-weight: normal;
}
.forum-title-quicklinks {
	color: rgb(139, 139, 139); font-size: 11px; margin-left: 10px; position: relative;
}
.forum-title-quicklinks a {
	font-size: 11px;
}
.forum-forumlist .forum-start-forum-title {
	width: 590px; padding-left: 0px; margin-left: 16px;
}
.forum-forumlist .forum-start-forum-title:hover {
	text-decoration: none;
}
.forum-forumlist .forum-start-forum-title h4:hover {
	text-decoration: underline;
}
.forum-start-forum-title-prefix {
	color: rgb(168, 168, 168); font-size: 12px; margin-top: 3px; margin-right: 3px; vertical-align: top; display: inline-block;
}
.forum-start-forum-title p {
	padding-bottom: 1px; font-size: 12px; font-weight: normal; margin-top: 6px;
}
.forum-start-forum-title p a {
	padding-bottom: 1px; font-size: 12px; font-weight: normal; margin-top: 6px;
}
.forum-start-forum-title p {
	width: 97%; color: rgb(53, 53, 53); overflow: hidden; -ms-word-wrap: normal; -ms-text-overflow: ellipsis;
}
.forum-start-forum-title-block {
	width: 90%; display: inline-block;
}
.forum-start-forum-title .forum-icons {
	margin-right: 6px; float: left;
}
.forum-start-forum-title .forum-icons div {
	left: -3px; top: 10px; width: 20px; height: 29px; display: inline-block; position: relative;
}
.forum-start-forum-title .forum-icons div.premium {
	background: url("../premium/icon-p-s.png") no-repeat;
}
.forum-start-forum-title .forum-icons div.locked {
	background: url("../forum/locked-icon-white.png") no-repeat;
}
.forum-start-forum-title .forum-icons div.linked {
	background: url("../forum/linked-icon-white.png") no-repeat; left: -2px;
}
.forum-thread-icons {
	left: 2px; top: 13px; width: 36px; height: 15px; text-align: center; position: absolute; z-index: 5;
}
.forum-thread-icons .icon {
	margin-bottom: 3px; margin-left: 10px; display: block;
}
.forum-thread-icons .sticky {
	background: url("../forum/sticky-icon-white.png") no-repeat; width: 14px; height: 15px;
}
.forum-thread-icons .locked {
	background: url("../forum/locked-icon-white.png") no-repeat; width: 14px; height: 15px;
}
.forum-start-forum-unread {
	left: 0px; top: 0px; width: 4px; height: 56px; position: absolute; background-color: rgb(182, 182, 182);
}
.forum-start-forum-latest {
	width: 232px;
}
.forum-start-forum-topics {
	width: 77px; text-align: center;
}
.forum-start-forum-posts {
	width: 65px; text-align: center;
}
.forum-start-forum-headercell {
	height: 27px; float: right;
}
.forum-start-forum-headercellleft {
	border: 0px currentColor; border-image: none;
}
.forum-start-forum-bodycell {
	height: 58px; margin-top: -1px; margin-bottom: -1px; border-left-color: rgb(242, 242, 242); border-left-width: 1px; border-left-style: solid; float: right;
}
.forum-start-forum-forum {
	float: left;
}
.forum-start-forum-headercell p {
	color: rgb(139, 139, 139); line-height: 30px; font-size: 11px; font-weight: normal; margin-right: 14px; margin-left: 9px;
}
.forum-start-forum-bodycell p {
	color: rgb(168, 168, 168); line-height: 56px; font-size: 12px;
}
.forum-start-forum-latest .avatar {
	float: left;
}
.forum-start-forum-latest-info {
	width: 186px; height: 38px; color: rgb(168, 168, 168); overflow: hidden; font-size: 11px; margin-top: 16px; margin-left: 0px; float: right;
}
.forum-start-forum-latest-info a {
	font-size: 11px; font-weight: normal; white-space: nowrap;
}
.forum-start-forum-latest-info a.forum-start-forum-latest-info-title {
	width: 179px; height: 15px; overflow: hidden; float: left; -ms-text-overflow: ellipsis;
}
.forum-start-forum-latest-info div {
	margin-top: 4px;
}
.forum-start-forum-latest-info .forum-ago {
	line-height: 14px; float: left;
}
.forum-start-forum-latest-info .forum-username {
	height: 14px; color: rgb(168, 168, 168); line-height: 14px; overflow: hidden; float: right; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 100px;
}
.forum-start-forum-latest-info .forum-username a {
	font-size: 11px;
}
.forum-start-forum-latest .avatar {
	margin-top: 16px; margin-right: 8px; float: right;
}
.forum-start-latest-container {
	width: 247px; float: right;
}
.forum-start-latest-container h2 {
	color: rgb(168, 168, 168); font-family: Tahoma, Arial, sans-serif; font-size: 11px; margin-bottom: 8px;
}
.forum-start-latest-container .forum-start-forum-latest {
	width: 247px; padding-top: 4px; padding-bottom: 5px;
}
.forum-start-latest-container .forum-start-forum-latest-info {
	width: 210px; height: 30px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px;
}
.forum-start-latest-container .forum-start-forum-latest .avatar {
	margin-top: 0px; margin-right: 0px;
}
.forum-search-container {
	float: right;
}
.forum-index-page {
	position: relative;
}
.forum-index-page .forum-search-container {
	top: 0px; right: 0px; position: absolute;
}
.forum-sidebar-search-form-input {
	border-width: 1px; border-style: solid; border-color: rgb(171, 171, 171) rgb(204, 204, 204) rgb(204, 204, 204); padding: 4px 6px; border-image: none; width: 204px; height: 16px; line-height: 16px; font-size: 12px; margin-right: 4px; float: left; background-color: rgb(255, 255, 255);
}
.forum-sidebar-search-form-line {
	margin-bottom: 11px;
}
.forum-search-form {
	margin: 16px 0px 15px;
}
.forum-search-form-input {
	border-width: 1px; border-style: solid; border-color: rgb(171, 171, 171) rgb(204, 204, 204) rgb(204, 204, 204); padding: 4px 10px; border-image: none; width: 203px; height: 18px; line-height: 18px; font-size: 14px; margin-right: 4px; background-color: rgb(255, 255, 255);
}
.forum-search-form .forum-advanced-search select {
	padding: 5px; width: 150px; margin-top: 4px; margin-bottom: 4px;
}
.forum-post-preview-container {
	clear: both; margin-top: 16px;
}
.forum-postreply-container {
	margin-top: 12px; position: relative; z-index: 1;
}
.forum-postreply {
	position: relative;
}
.forum-postreply .avatar {
	top: 40px; float: left; position: relative;
}
.forum-postreply textarea {
	left: 16px; width: 875px; height: 97px; font-family: arial, sans-serif; font-size: 12px; margin-top: 5px; float: left; position: relative; resize: none;
}
.forum-postreply-container .forum-postreply textarea {
	height: 395px;
}
.forum-postreply input[type=submit] {
	margin-top: 15px; float: right;
}
.forum-postreply-official-selector {
	font-size: 12px; margin-top: 4px; margin-right: 10px; float: right;
}
.forum-postreply-official-selector input {
	top: 1px; position: relative;
}
.forum-postreply-error {
	background: rgb(255, 227, 227); padding: 7px 32px; border: 1px solid rgb(255, 160, 160); border-image: none; left: 13px; top: 8px; width: 320px; color: rgb(102, 102, 102); font-size: 12px; font-weight: bold; position: relative;
}
.forum-postreply-disabled {
	text-align: center; color: rgb(53, 53, 53); font-size: 16px; font-weight: bold; margin-top: 50px; margin-bottom: 50px;
}
.forum-preview-post {
	margin-right: 5px; margin-left: 10px; float: right;
}
.forum-postreply .forum-preview-post {
	margin-top: 15px;
}
.forum-bbcode-edit {
	float: right; position: relative;
}
.forum-bbcode-quickreply {
	float: right; position: relative;
}
.forum-bbcode-reply {
	margin-top: 8px; float: right; position: relative;
}
.forum-quickreply {
	padding-top: 0px; margin-top: 16px;
}
.forum-quickreply .common-replyform-avatar {
	left: 16px; top: 54px; width: 60px; height: 60px; position: absolute;
}
textarea.forum-quickreply {
	left: 70px; width: 868px; padding-top: 10px; margin-top: 10px; position: relative;
}
.forum-newthread-container .forum-preview-post {
	margin-top: 0px;
}
.forum-postreply-container .forum-preview-post {
	margin-right: 10px;
}
.forum-breadcrumbs {
	margin-top: -6px;
}
.forum-start-container .forum-breadcrumbs a {
	font-size: 11px; font-weight: normal;
}
.forum-breadcrumbs span {
	color: rgb(102, 102, 102); font-size: 9px; margin-right: 5px; margin-left: 5px;
}
.forum-editpost-official-selector {
	font-size: 12px; margin-top: 20px; margin-right: 5px; float: right;
}
.forum-newthread-container {
	width: 988px; margin-top: 16px; float: left;
}
.forum-newthread {
	position: relative;
}
.forum-newthread .avatar {
	left: 16px; top: 42px; position: absolute;
}
.forum-newthread textarea {
	padding: 5px; width: 944px; height: 305px; color: rgb(67, 67, 67); font-family: arial, sans-serif; font-size: 12px; -ms-overflow-y: auto; max-width: 944px;
}
.forum-newthread input[type=text] {
	padding: 5px; width: 301px; color: rgb(67, 67, 67); font-family: arial, sans-serif; font-size: 12px;
}
.forum-newthread input[type=submit] {
	float: right;
}
.forum-newthread label {
	color: rgb(102, 102, 102); font-size: 12px; font-weight: bold; display: block;
}
.forum-newthread .forum-newthread-bodylabel {
	width: 200px; padding-top: 14px;
}
.forum-newthread-official-selector {
	margin-top: 5px; margin-right: 10px; float: right;
}
.forum-newthread-official-selector label {
	font-weight: normal;
}
.forum-newthread-official-selector input {
	top: 1px; position: relative;
}
.forum-newthread-error {
	background: rgb(255, 227, 227); padding: 7px 32px; border: 1px solid rgb(255, 160, 160); border-image: none; left: 13px; bottom: 19px; color: rgb(102, 102, 102); font-size: 12px; font-weight: bold; position: absolute;
}
.forum-newthread-label-cell {
	padding-right: 14px;
}
.vtop.forum-newthread-label-cell {
	vertical-align: top;
}
.forum-newthread-form-table td {
	padding-top: 10px;
}
.forum-threadview-post {
	background: none; margin: 0px -3px -2px -1px; display: table; border-collapse: separate; border-spacing: 1px;
}
.forum-threadview-post-ea {
	background: rgb(230, 243, 255); border-width: 3px 1px; border-style: solid; border-color: rgb(204, 227, 249); border-image: none;
}
.forum-threadview-post-censored {
	opacity: 0.5;
}
.forum-threadview-post-poster {
	background: rgba(7, 7, 7, 0.7); margin: 0px; width: 200px; padding-left: 92px; float: none; display: table-cell; position: relative;
}
.forum-threadview-post-content {
	padding: 12px 0px 16px; width: 780px; color: rgb(53, 53, 53); line-height: 18px; font-size: 13px; float: left; -ms-word-wrap: break-word; max-width: 734px;
}
.forum-threadview-post-administrate {
	width: 50px; color: rgb(53, 53, 53); line-height: 18px; padding-top: 12px; font-size: 12px; float: left;
}
.forum-threadview-post-poster-name {
	width: 140px; line-height: 16px; overflow: hidden; margin-left: 16px; display: block; -ms-text-overflow: ellipsis;
}
.forum-threadview-post-text {
	min-height: 56px;
}
.forum-threadview-post-text a {
	text-decoration: underline;
}
.forum-threadview-post-censored .forum-threadview-post-text {
	font-style: italic;
}
.forum-editpost-preview .common-box-inner {
	padding: 0px;
}
#forum-preview-post-area .spoiler {
	background: rgb(53, 53, 53); color: rgb(53, 53, 53); cursor: pointer;
}
.forum-threadview-post-text .spoiler {
	background: rgb(53, 53, 53); color: rgb(53, 53, 53); cursor: pointer;
}
#forum-preview-post-area h1 {
	line-height: 22px; font-size: 20px;
}
.forum-threadview-post-text h1 {
	line-height: 22px; font-size: 20px;
}
#forum-preview-post-area h1 + br {
	display: none;
}
.forum-threadview-post-text h1 + br {
	display: none;
}
.is-touch #forum-preview-post-area .spoiler::before {
	color: rgba(255, 255, 255, 0.75); padding-left: 8px; content: attr(data-tooltip);
}
.is-touch .forum-threadview-post-text .spoiler::before {
	color: rgba(255, 255, 255, 0.75); padding-left: 8px; content: attr(data-tooltip);
}
.forum-threadview-post-text .spoiler a {
	color: rgb(53, 53, 53);
}
.forum-threadview-post-signature {
	color: rgb(137, 137, 137); padding-top: 5px; margin-top: 5px; border-top-color: rgb(100, 100, 100); border-top-width: 1px; border-top-style: solid;
}
.forum-threadview-post-tags {
	margin: 0px 0px 0px 16px; float: left;
}
.forum-threadview-post-tags ul {
	clear: both;
}
.forum-threadview-post-tags ul li {
	margin-right: 2px; float: left;
}
.forum-threadview-avatar-container {
	left: 16px; top: 34px; width: 60px; height: 60px; position: absolute;
}
.forum-threadview-post-poster .avatar {
	clear: both; margin-top: 8px; margin-left: 16px; display: block; position: relative;
}
.forum-threadview-post-content blockquote {
	background: rgb(250, 250, 250); padding: 10px; border: 1px solid rgb(232, 232, 232); border-image: none; color: rgb(168, 168, 168); margin-top: 4px; margin-bottom: 4px;
}
.forum-threadview-post-content blockquote em {
	color: rgb(168, 168, 168); font-size: 11px; font-style: normal; font-weight: bold;
}
.forum-threadview-post-poster-country {
	color: rgb(117, 117, 117); font-size: 11px; margin-top: 11px; margin-left: 36px; position: relative;
}
.forum-threadview-post-poster-country img {
	left: -20px; bottom: 50%; margin-bottom: -6px; position: absolute;
}
.forum-threadview-post-poster-posts {
	color: rgb(172, 172, 172); font-size: 11px; margin-top: 8px; margin-left: 16px;
}
.forum-threadview-post-poster-enlisted {
	color: rgb(172, 172, 172); font-size: 11px; margin-top: 8px; margin-left: 16px;
}
.forum-threadview-post-poster-posts em {
	color: rgb(168, 168, 168); font-size: 11px; font-style: normal;
}
.forum-threadview-post-poster-enlisted em {
	color: rgb(168, 168, 168); font-size: 11px; font-style: normal;
}
.forum-threadview-post-poster-enlisted {
	margin-bottom: 12px;
}
.forum-threadview-post-poster-enlisted img {
	margin-right: 2px; margin-bottom: -1px;
}
.forum-threadview-post-quote {
	float: right;
}
.forum-threadview-post-edit {
	float: right;
}
.forum-view-latest-posts {
	padding-top: 5px;
}
.forum-view-latest-posts a {
	font-size: 11px; font-weight: normal;
}
.forum-threadview-post-report {
	height: 14px; padding-right: 5px; margin-top: 2px; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; float: right;
}
.forum-threadview-post-ago {
	color: rgb(172, 172, 172); font-size: 11px; margin-bottom: 12px;
}
.forum-threadview-separator {
	height: 1px; margin-right: 16px; margin-left: 16px; border-top-color: rgb(242, 242, 242); border-top-width: 1px; border-top-style: solid;
}
.forum-threadview-pages-top {
	background: url("../forum/title-shade.png") no-repeat center rgb(243, 243, 243); border: 1px solid rgb(219, 219, 219); border-image: none; height: 43px;
}
.forum-threadview-pages-bottom {
	background: url("../forum/title-shade.png") no-repeat center rgb(243, 243, 243); border: 1px solid rgb(219, 219, 219); border-image: none; height: 43px;
}
.forum-threadview-pages-bottom {
	margin-top: 1px; border-top-color: rgb(219, 219, 219); border-top-width: 1px; border-top-style: solid;
}
.forum-post-select-checkbox {
	float: right;
}
.forum-no-found {
	margin: 50px; text-align: center; color: rgb(255, 255, 255);
}
.forum-page-title {
	margin: 8px 0px 12px; color: rgb(0, 0, 0); font-family: Arial, sans-serif; font-size: 25px; font-weight: bold;
}
.forum-page-title h1 {
	margin-bottom: 0px;
}
.forum-focus-bar-view-bottom {
	margin-top: 8px; position: relative;
}
.forum-focus-bar-view-top {
	margin-bottom: 8px; position: relative;
}
.forum-search-sort-container span {
	color: rgb(168, 168, 168); text-transform: uppercase; font-size: 11px; font-weight: bold;
}
.forum-search-sort-container select {
	padding: 5px; margin-left: 7px; min-width: 150px;
}
.forum-admin-multi-container {
	font-size: 12px; float: right;
}
.forum-start-latest-separator {
	width: 200px; height: 26px; float: right;
}
.forum-report-container {
	top: 9px; right: 110px; position: absolute;
}
.forum-thread-title-edit {
	margin: 9px 0px 12px; left: -4px; top: -7px; position: relative;
}
.forum-thread-title-edit input[type=text] {
	font-size: 22px; font-weight: bold;
}
.forum-edit-title {
	top: 7px; right: 140px; position: absolute;
}
.forum-edit-title a {
	font-size: 11px; font-weight: normal;
}
.forum-reply-container {
	float: right;
}
.forum-hidden-post {
	display: none;
}
.forum-thread-is-locked {
	background: url("../forum/locked-icon-white.png") no-repeat 0px 6px; padding-top: 6px; padding-left: 20px; font-size: 16px; font-weight: bold;
}
.top.forum-thread-is-locked {
	margin-top: 20px; float: right;
}
.forum-sticky-separator {
	height: 16px;
}
.forum-start-forum .forum-start-forum-title-username {
	color: rgb(168, 168, 168); overflow: hidden; white-space: nowrap; max-width: 350px;
}
.forum-search-results-heading {
	line-height: 23px; font-family: Tahoma, sans-serif; font-size: 12px; font-weight: bold;
}
.forum-search-results-heading span {
	
}
.forum-search-results-none {
	padding: 40px 0px !important; width: 100%; text-align: center; font-size: 30px; font-weight: bold;
}
.forum-search-results-item {
	padding: 0px 0px 12px;
}
.forum-search-results-item-title {
	float: none; display: block;
}
.forum-search-results-item-title .forum-search-results-icons {
	margin-right: 4px; float: left;
}
.forum-search-subline {
	font-size: 11px; font-weight: normal; margin-top: 5px;
}
.forum-search-subline a {
	font-size: 11px; font-weight: normal;
}
.forum-search-results-item-title h3 {
	margin: 0px; text-transform: none; font-family: Arial, sans-serif; font-size: 12px; float: left;
}
.forum-search-results-item-title a {
	line-height: 19px; font-size: 14px; font-weight: normal; float: left;
}
.forum-search-results-item-title span {
	color: rgb(168, 168, 168); line-height: 14px; padding-top: 3px; padding-left: 10px; font-size: 11px; font-weight: normal; float: left;
}
.forum-search-results-item-post {
	color: rgb(53, 53, 53); line-height: 19px; padding-top: 4px; font-size: 12px; float: none; display: block;
}
.forum-search-results-item-post b {
	padding: 0px 1px; font-weight: bold; background-color: rgb(251, 242, 212);
}
.forum-posthistory-container {
	padding-bottom: 10px;
}
.forum-posthistory-container b {
	font-size: 12px;
}
.forum-posthistory-container .forum-start-border {
	margin-top: 5px;
}
.forum-posthistory-container .forum-posthistory-revisions .forum-threadview-post {
	background-color: rgb(250, 250, 250);
}
.forum-postsimilarlist {
	margin: 15px 0px 19px 16px; width: 318px; float: right; position: relative;
}
.forum-postsimilarlist h2 {
	color: rgb(168, 168, 168); text-transform: uppercase; font-family: Tahoma, Arial, sans-serif; font-size: 11px; margin-bottom: 12px;
}
.forum-postsimilarlist-hr {
	border: 0px currentColor; border-image: none; height: 1px; margin-top: 8px; margin-bottom: 8px; opacity: 0.2; background-color: rgb(128, 128, 128);
}
.forum-postsimilarlist-sticky {
	top: 3px; position: relative;
}
.forum-postsimilarlist a {
	line-height: 16px; margin-right: 5px;
}
.forum-postsimilarlist span {
	color: rgb(108, 108, 108); line-height: 16px; font-size: 11px; white-space: nowrap;
}
.forum-disabled-container {
	margin: auto; padding: 30px; width: 600px; text-align: center;
}
.forum-activity {
	margin-top: 16px; position: relative;
}
.forum-activity .common-box-inner {
	padding: 0px;
}
#forum-activity-view-more {
	margin: 4px 0px 6px; text-align: center; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
#forum-activity-view-more a {
	text-decoration: none; display: block;
}
#forum-activity-view-more .common-cleanbutton-middle {
	width: 972px;
}
#forum-activity-view-more a:hover {
	background-position: 0px 100%;
}
.breadcrumb {
	margin-bottom: 16px;
}
.forum-start-container {
	width: auto; float: none;
}
.forum-start-container .common-replyform-form-body {
	color: rgb(255, 255, 255);
}
.forum-start-container .pagination-paginationbutton-extra {
	background: url("../forum/pagination-icons-white.png") no-repeat; top: 6px; width: 8px; height: 9px; display: none; position: relative;
}
.forum-start-container .forum-edit-title a {
	cursor: pointer;
}
.forum-start-container .forum-base-button-search {
	padding: 0px 10px; margin-left: -1px;
}
.forum-start-container .forum-sidebar-search-form-input {
	border: 1px solid rgb(213, 221, 229); border-image: none; height: 24px;
}
.forum-start-container .pagination-pagination-left {
	float: right;
}
.forum-start-container .pagination-pagination-right {
	float: left;
}
.forum-start-container .common-box-bottom-border {
	display: none;
}
.forum-start-container .common-cleanbutton {
	border: 0px currentColor; border-image: none; cursor: pointer;
}
.forum-start-container .common-cleanbutton a {
	padding: 1px 20px; border: 1px solid rgb(213, 221, 229); border-image: none; height: 29px; color: rgb(213, 221, 229); text-transform: uppercase; line-height: 29px; font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; text-decoration: none; display: inline-block; box-sizing: border-box; background-image: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%); background-color: transparent; -moz-box-sizing: border-box;
}
.forum-start-container .common-cleanbutton a:not([disabled]):not(.disabled):hover {
	border-color: white; color: white; text-shadow: 0px 0px 0.5em rgba(255,255,255,0.8); background-image: linear-gradient(rgba(12, 12, 12, 0.6) 0%, rgba(63, 63, 63, 0.8) 100%);
}
.forum-start-container .common-cleanbutton a:not([disabled]):not(.disabled):active {
	border: 1px solid rgb(183, 157, 131); border-image: none; color: black; text-shadow: none; background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%); background-color: rgba(0, 0, 0, 0);
}
.forum-start-container .common-cleanbutton a:not([disabled]):not(.disabled).active {
	border: 1px solid rgb(183, 157, 131); border-image: none; color: black; text-shadow: none; background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%); background-color: rgba(0, 0, 0, 0);
}
.forum-start-container .common-cleanbuttonsmall {
	margin-left: 16px; cursor: pointer;
}
.forum-start-container .forum-threadview-post-report {
	padding-right: 0px; border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#forum-activity-view-more {
	margin: 1px 0px 17px; border: 0px currentColor; border-image: none;
}
#forum-activity-view-more a {
	background: rgba(7, 7, 7, 0.5); border: 0px currentColor; border-image: none; display: block;
}
#forum-activity-view-more a:hover {
	background: rgba(7, 7, 7, 0.6);
}
.forum-search-form {
	margin: 0px;
}
.forum-search-form > input {
	margin-right: 10px; margin-bottom: 10px;
}
.forum-search-form .forum-advanced-search {
	margin-bottom: 10px;
}
.forum-search-form .forum-advanced-search > .ui-select {
	margin-right: 10px;
}
.forum-focus-bar-view-top {
	margin: 7px 0px;
}
.forum-search-results-item {
	padding: 16px;
}
.forum-search-results-item-title span {
	color: rgb(168, 168, 168);
}
.forum-search-subline {
	color: rgb(168, 168, 168);
}
.forum-search-sort-container span {
	color: rgb(255, 255, 255);
}
.forum-hottopics .forum-start-border {
	margin-bottom: 16px;
}
.forum-activity {
	margin-top: 0px;
}
.forum-activity .forum-start-border {
	margin-bottom: 1px;
}
.forum-start-forum-has-official {
	border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
.forum-threadview-post-ea {
	border: 0px currentColor; border-image: none;
}
.forum-start-sticky-thread-separator {
	background: 0px; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; height: 8px;
}
.forum-threadview-post-ea {
	position: relative;
}
.forum-start-forum-has-official {
	position: relative;
}
.forum-threadview-post-ea::after {
	left: 1px; top: 1px; width: 2px; bottom: 1px; display: block; position: absolute; content: ""; background-color: rgb(27, 97, 191);
}
.forum-start-forum-has-official::after {
	left: 1px; top: 1px; width: 2px; bottom: 1px; display: block; position: absolute; content: ""; background-color: rgb(27, 97, 191);
}
.forum-threadview-post-ea .forum-threadview-post-poster {
	background: rgb(22, 38, 63) !important;
}
.forum-start-forum-has-official .forum-threadview-post-poster {
	background: rgb(22, 38, 63) !important;
}
.forum-threadview-post-ea .forum-threadview-post-content {
	background: rgba(22, 38, 63, 0.7) !important;
}
.forum-start-forum-has-official .forum-threadview-post-content {
	background: rgba(22, 38, 63, 0.7) !important;
}
.forum-post-select-checkbox {
	margin-left: 16px;
}
.forum-start-title {
	position: relative;
}
.forum-start-title {
	margin: 16px 0px;
}
.forum-page-title {
	margin: 16px 0px;
}
.forum-start-forum-separator {
	background: none; margin: 0px;
}
.forum-threadview-separator {
	display: none;
}
.forum-start-info {
	height: 30px;
}
.forum-start-forum-headercell {
	height: auto;
}
.forum-start-forum-headercell p {
	color: rgb(168, 168, 168); line-height: 30px;
}
.forum-thread-icons .sticky {
	background: url("../forum/sticky-icon-white.png") no-repeat;
}
.forum-thread-icons .locked {
	background: url("../forum/locked-icon-white.png") no-repeat;
}
.forum-start-border .common-box-title {
	color: rgb(168, 168, 168); text-transform: uppercase; padding-top: 1px; font-size: 11px; margin-bottom: 1px;
}
.forum-start-border .common-box-title .forum-start-forum-headercell {
	background: rgba(7, 7, 7, 0.8); box-sizing: border-box;
}
.forum-start-border .forum-start-forum-title {
	margin: 0px; width: 665px; height: 45px; padding-top: 10px; padding-left: 16px; position: relative; background-color: rgba(7, 7, 7, 0.5);
}
.forum-start-border .forum-start-forum-title h4 {
	margin: 0px; line-height: normal; overflow: hidden; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; display: inline-block; -ms-word-wrap: normal; -ms-text-overflow: ellipsis;
}
.forum-start-border .forum-start-forum-title:hover {
	text-decoration: none; background-color: rgba(7, 7, 7, 0.3);
}
.forum-start-border .forum-start-forum-title:hover h4 {
	text-decoration: underline;
}
.forum-start-border .forum-start-form-thread-links {
	left: 40px; top: 31px; font-size: 12px; position: absolute;
}
.forum-start-border :not(.forum-forumlist).forum-start-forum .forum-start-forum-title {
	width: 641px; padding-left: 40px;
}
.forum-start-border .forum-start-forum-bodycell {
	background: rgba(7, 7, 7, 0.5); margin: 0px 0px 0px 1px; height: 55px; border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
.forum-start-border .forum-start-forum-bodycell p {
	color: rgb(255, 255, 255);
}
.forum-start-border .forum-start-forum-forum {
	width: 681px;
}
.forum-start-border .forum-start-forum-latest {
	width: 232px; margin-left: 1px;
}
.forum-start-border .forum-start-forum-topics {
	width: 77px; margin-left: 1px;
}
.forum-start-border .forum-start-forum-posts {
	width: 65px; margin-left: 1px;
}
.forum-start-info .forum-start-forum-forum {
	width: 615px;
}
.forum-start-forum-forum p {
	padding-left: 7px;
}
.forum-start-white-title p {
	color: rgb(255, 255, 255); font-family: Purista, sans-serif; font-size: 16px; font-style: normal; font-weight: 600;
}
.forum-box-title.common-box-title .forum-start-forum-forum {
	width: 681px;
}
.forum-no-found {
	background: rgba(7, 7, 7, 0.5); margin: 0px; padding: 50px;
}
.forum-start-forum {
	height: 55px;
}
.forum-start-info-bottom {
	display: none;
}
.forum-forumlist .forum-start-forum-title {
	width: 599px;
}
.forum-forumlist .forum-start-forum-title p {
	color: rgb(168, 168, 168);
}
.forum-forumlist .forum-start-forum-latest-info > div {
	width: 186px;
}
.forum-forumlist .forum-start-forum-latest-info span {
	display: inline-block;
}
.forum-forumlist .forum-start-forum-latest-info .forum-ago {
	float: none;
}
.forum-forumlist .forum-start-forum-latest-info .forum-username {
	padding-right: 3px; float: left;
}
.forum-forumlist .forum-start-forum-latest-info .forum-username::after {
	content: "-";
}
.forum-threadview-post {
	background: none; margin: 0px -2px -2px -1px; display: table; border-collapse: separate; position: relative; min-height: 142px; border-spacing: 1px;
}
.forum-threadview-post .forum-threadview-post-edit {
	opacity: 0;
}
.forum-threadview-post .forum-threadview-post-quote {
	opacity: 0;
}
.forum-threadview-post .forum-threadview-post-report {
	opacity: 0;
}
.forum-threadview-post:hover .forum-threadview-post-edit {
	opacity: 1;
}
.forum-threadview-post:hover .forum-threadview-post-quote {
	opacity: 1;
}
.forum-threadview-post:hover .forum-threadview-post-report {
	opacity: 1;
}
.forum-threadview-post .forum-threadview-post-poster {
	background: rgba(7, 7, 7, 0.8); margin: 0px; width: 200px; padding-left: 16px; vertical-align: top; float: none; display: table-cell; position: relative;
}
.forum-threadview-post .forum-threadview-post-poster .avatar {
	margin: 0px;
}
.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-name {
	margin-right: 0px; margin-left: 0px; float: none;
}
.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-tags {
	margin-right: 0px; margin-left: 0px; float: none;
}
.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-enlisted {
	margin-right: 0px; margin-left: 0px; float: none;
}
.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-name {
	padding-top: 12px; font-size: 12px; font-weight: bold;
}
.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-tags {
	padding-left: 70px; min-height: 60px;
}
.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-enlisted {
	padding-left: 0px;
}
.forum-threadview-post .forum-threadview-post-content {
	background: rgba(7, 7, 7, 0.6); padding: 12px 20px; width: 734px; vertical-align: top; float: none; display: table-cell; max-width: 734px;
}
.forum-threadview-post .forum-threadview-post-content .forum-threadview-post-ago {
	color: rgb(168, 168, 168); margin-bottom: 8px; border-bottom-color: rgba(168, 168, 168, 0.5); border-bottom-width: 1px; border-bottom-style: solid;
}
.forum-threadview-post .forum-threadview-post-content .forum-threadview-post-text {
	color: rgb(255, 255, 255);
}
.forum-threadview-post .forum-threadview-post-content blockquote {
	background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(167, 167, 167, 0.3); border-image: none;
}
.forum-threadview-post .forum-threadview-post-content .forum-post-select-checkbox {
	margin-top: 0px; margin-left: 15px;
}
.forum-threadview-post-censored.forum-threadview-post .forum-threadview-post-poster {
	opacity: 0.5;
}
.forum-threadview-post-censored.forum-threadview-post .forum-threadview-post-content {
	opacity: 0.5;
}
.forum-postreply-disabled {
	color: white;
}
.forum-newthread-container {
	width: auto; float: none;
}
.forum-newthread-height form {
	padding: 0px;
}
.forum-newthread-form-table tr:first-child td {
	padding-top: 0px;
}
.forum-newthread label {
	color: rgb(255, 255, 255);
}
.forum-newthread label.upper {
	text-transform: uppercase; font-size: 14px;
}
.forum-newthread textarea {
	width: 948px; color: rgb(255, 255, 255); max-width: 948px;
}
.forum-newthread input[type=text] {
	color: rgb(255, 255, 255);
}
.activity-stream {
	position: relative;
}
.activity-stream ul.activitystream-list {
	padding: 0px;
}
.activity-stream .activitystream-list .activitystream-item {
	padding: 16px; border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.activity-stream .shareable.activitystream-item {
	padding-right: 22px;
}
.activity-stream .shareable-only.activitystream-list :not(.shareable).item {
	display: none;
}
.activity-stream .activitystream-list :last-child.activitystream-item {
	padding-bottom: 0px; margin-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.activity-stream .activitystream-item > .item-body {
	color: rgb(255, 255, 255); padding-left: 52px; position: relative;
}
.activity-stream .activitystream-item > .item-body .spacing.clear {
	height: 4px;
}
.activity-stream .large.activitystream-item > .item-body .spacing.clear {
	height: 8px;
}
.activity-stream .medium.activitystream-item > .item-body .spacing.clear {
	height: 0px;
}
.activity-stream .activitystream-item > .avatar {
	padding: 0px; left: 16px; width: auto; height: auto; position: absolute;
}
.activity-stream .activitystream-item .item-body > .user {
	font-size: 12px; margin-bottom: 1px;
}
.activity-stream .activitystream-item .item-body > .user .description {
	line-height: 16px;
}
.activity-stream .activitystream-item .item-body > .user a {
	font-size: 12px; font-weight: normal;
}
.activity-stream .activitystream-item .item-body > .user .name {
	font-weight: bold;
}
.activity-stream .activitystream-item .item-body > .details {
	color: rgb(168, 168, 168); line-height: 1.8; font-size: 11px;
}
.activity-stream .activitystream-item .item-body > .details a {
	font-size: 11px; font-weight: normal;
}
.activity-stream .activitystream-item > .share {
	background: url("../profile/profile-icons.png") no-repeat -140px 0px; transition:opacity 0.1s ease-out; top: 16px; width: 14px; height: 14px; right: 16px; display: none; position: absolute; cursor: pointer; opacity: 0.8; -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -o-transition: opacity 0.1s ease-out;
}
.activity-stream .activitystream-item > .share:hover {
	opacity: 1;
}
.activity-stream .shareable.activitystream-item > .share {
	display: block;
}
.activity-stream .shared.shareable.activitystream-item > .share {
	background-position: -126px 0px; cursor: default; opacity: 1;
}
.activity-stream .activitystream-item .item-body > .details .like {
	background: url("../feed/icon-hooah-activitystream.png") no-repeat; width: 18px; height: 18px; margin-top: -2px; display: inline-block; cursor: pointer; opacity: 0.5;
}
.activity-stream .activitystream-item .item-body > .details .mohw.like {
	background-image: url("../feed/icon-salute.png");
}
.activity-stream .activitystream-item .item-body > .details .like:hover {
	background-position: 0px -18px; opacity: 1;
}
.activity-stream .liked.activitystream-item .item-body > .details .like {
	background-position: 0px -36px; cursor: default; opacity: 1;
}
.activity-stream .liked.activitystream-item .item-body > .details .like:hover {
	background-position: 0px -36px; cursor: default; opacity: 1;
}
.activity-stream .activitystream-item [data-numlikes='0'].likes-count {
	display: none;
}
.activity-stream .activitystream-item .solo-link {
	margin: 4px 0px 0px;
}
.activity-stream .activitystream-item .solo-link a {
	font-size: 12px; font-weight: normal;
}
.activity-stream .activitystream-item .record-item {
	margin: 2px 0px 0px; background-repeat: no-repeat;
}
.activity-stream .activitystream-item .record-item img {
	margin: 0px 4px 0px 0px; float: left; max-height: 30px;
}
.activity-stream .activitystream-item .record-item .description {
	color: rgb(53, 53, 53); line-height: 16px; font-size: 11px;
}
.activity-stream .activitystream-list .activitystream-item .record-item .record::before {
	white-space: pre; content: " \A ";
}
.activity-stream .activitystream-item .record-item .record .value {
	color: rgb(53, 53, 53); font-size: 12px; font-weight: bold;
}
.activity-stream .activitystream-item .tour-item {
	margin: 2px 0px 0px; color: rgb(53, 53, 53); font-size: 11px; background-repeat: no-repeat;
}
.activity-stream .activitystream-item .tour-item img {
	margin: 0px 4px 0px 0px; float: left; max-height: 30px;
}
.activity-stream .activitystream-item .tour-item .level {
	font-weight: bold;
}
.activity-stream .feed-sharedgameevent-body {
	margin: 10px 0px;
}
.activity-stream .activitystream-item.feed-sharedgameevent-body {
	margin: 2px 0px; display: table-cell;
}
.activity-stream .activitystream-item.feed-sharedgameevent-body .rank-icon {
	display: table-cell;
}
.activity-stream .activitystream-item.feed-sharedgameevent-body .rank-icon img {
	vertical-align: middle;
}
.activity-stream .activitystream-item.feed-sharedgameevent-body .rank-icon h1 {
	color: rgb(60, 60, 60); font-family: "BebasNeueRegular", Arial, sans-serif; font-size: 48px; font-weight: normal; margin-top: 6px; vertical-align: middle; display: inline-block;
}
.activity-stream .activitystream-item.feed-sharedgameevent-body .rank-icon h2 {
	color: rgb(60, 60, 60); font-size: 14px;
}
.activity-stream .activitystream-item.feed-sharedgameevent-body .rank-icon h3 {
	font-size: 11px; font-weight: normal;
}
.activity-stream .activitystream-item.feed-sharedgameevent-body .rank-icon .info {
	margin-left: 10px; vertical-align: middle; display: inline-block;
}
.activity-stream .activitystream-item.feed-sharedgameevent-body .record-item {
	margin: 6px 0px 8px; width: 450px; height: 45px;
}
.activity-stream .activitystream-item.feed-sharedgameevent-body .record-item img {
	width: 45px; height: 45px; margin-right: 9px; display: block; max-height: 45px;
}
.activity-stream .activitystream-item.feed-sharedgameevent-body .record-item .description {
	color: rgb(53, 53, 53); line-height: 16px; font-size: 12px; font-weight: bold; margin-bottom: 4px; display: block;
}
.activity-stream .activitystream-item.feed-sharedgameevent-body .record-item .record .value {
	color: rgb(53, 53, 53); font-size: 18px;
}
.activity-stream .activitystream-item.feed-sharedgameevent-body .record-item .record .plus {
	color: rgb(138, 138, 138); font-size: 18px;
}
.activity-stream [data-type='BF3RANKUP'].large.activitystream-item {
	min-height: 128px;
}
.activity-stream [data-type='BF4RANKUP'].large.activitystream-item {
	min-height: 128px;
}
.activity-stream [data-type='RANKUP'].large.activitystream-item {
	min-height: 128px;
}
.activity-stream [data-type='BF3RANKUP'].activitystream-item > .item-body {
	padding-right: 39px;
}
.activity-stream [data-type='BF4RANKUP'].activitystream-item > .item-body {
	padding-right: 39px;
}
.activity-stream [data-type='RANKUP'].activitystream-item > .item-body {
	padding-right: 39px;
}
.activity-stream [data-type='BF3RANKUP'].large.activitystream-item > .item-body {
	padding-right: 138px;
}
.activity-stream [data-type='BF4RANKUP'].large.activitystream-item > .item-body {
	padding-right: 138px;
}
.activity-stream [data-type='RANKUP'].large.activitystream-item > .item-body {
	padding-right: 138px;
}
.activity-stream [data-type='BF3RANKUP'].large.activitystream-item .rank-icon {
	top: 0px; width: 128px; height: 128px; margin-top: 10px; position: relative;
}
.activity-stream [data-type='BF4RANKUP'].large.activitystream-item .rank-icon {
	top: 0px; width: 128px; height: 128px; margin-top: 10px; position: relative;
}
.activity-stream [data-type='RANKUP'].large.activitystream-item .rank-icon {
	top: 0px; width: 128px; height: 128px; margin-top: 10px; position: relative;
}
.activity-stream .common-selector {
	float: right;
}
.activitystream-item {
	padding: 10px 0px 0px;
}
.activitystream-item .rank-icon {
	vertical-align: middle; display: inline-block;
}
.activitystream-item .assignment-item {
	margin: 4px 4px 0px 0px; text-align: center; overflow: hidden; vertical-align: middle; display: inline-block;
}
.activitystream-item .award-item {
	margin: 4px 4px 0px 0px; text-align: center; overflow: hidden; vertical-align: middle; display: inline-block;
}
.activitystream-item .track-item {
	margin: 4px 4px 0px 0px; text-align: center; overflow: hidden; vertical-align: middle; display: inline-block;
}
.activitystream-item .track-item {
	position: relative;
}
.activitystream-item .track-item .image-container {
	min-width: 100px;
}
.activitystream-item .track-item .progress-bar {
	width: 80px;
}
.activitystream-item .track-item .green-check-small {
	width: 12px; height: 12px; right: 0px; bottom: 7px; position: absolute; background-image: url("../battledash/images/icons/green-check-small.png");
}
.geoleaderboard #base-background {
	background-image: none; background-color: rgb(9, 13, 22);
}
.geoleaderboard #base-background .video-container {
	display: none;
}
.geoleaderboard-loggedout {
	background: rgb(8, 10, 20); padding-top: 96px; margin-top: -112px;
}
.geoleaderboard-loggedout .geoleaderboards.usp .content {
	background-position: 50% 50%; width: 100%; height: 100%; background-repeat: no-repeat;
}
.geoleaderboard-loggedout .geoleaderboards.usp .friends .content {
	background-image: url("../geoleaderboard/geo-friend-bright.png");
}
.geoleaderboard-loggedout .geoleaderboards.usp .city .content {
	background-image: url("../geoleaderboard/geo-friend-bright.png");
}
.geoleaderboard-loggedout .geoleaderboards.usp .country .content {
	background-image: url("../geoleaderboard/geo-friend-bright.png");
}
.geoleaderboard-loggedout .geoleaderboards.usp .world .content {
	background-image: url("../geoleaderboard/geo-friend-bright.png");
}
.geoleaderboard-loggedout .footer.usp {
	left: 0px; right: 0px; bottom: 0px; padding-bottom: 44px; position: absolute; z-index: 1;
}
.no-comcenter #geomap {
	right: 0px;
}
#skull-content {
	width: 14px; height: 18px; text-align: center; cursor: pointer; opacity: 0.4;
}
#skull-content:hover {
	opacity: 0.6;
}
#skull-container {
	background: rgba(0, 0, 0, 0.95); padding: 25px; left: 0px; top: 0px; right: 0px; bottom: 0px; color: rgb(91, 175, 210); font-family: "Lucida Console", "Courier New", monospace; font-size: 12px; position: fixed; z-index: 10000; -ms-overflow-y: auto;
}
#skull-container #skull-marker {
	animation:skull-marker 1s cubic-bezier(1, 0, 0, 1) infinite; -webkit-animation: skull-marker cubic-bezier(1, 0, 0, 1) 1s infinite; -moz-animation: skull-marker cubic-bezier(1, 0, 0, 1) 1s infinite; -o-animation: skull-marker cubic-bezier(1, 0, 0, 1) 1s infinite;
}
#skull-container #skull-close {
	background: url("../unifiedgamemanager/close.png") no-repeat 0px 0px; top: 16px; width: 15px; height: 15px; right: 16px; position: absolute; cursor: pointer;
}
span.mapinfo-dialog {
	color: rgb(168, 168, 168);
}
#geomap {
	background: rgb(28, 31, 36); left: 0px; top: 96px; height: 950px; margin-bottom: 200px; position: absolute; z-index: 1;
}
#geomap .leaflet-tile-pane {
	opacity: 0.6;
}
#geomap .cross-hair {
	
}
.index#geomap {
	height: 750px;
}
#geomap::before {
	background: url("../geoleaderboard/lb-overlay-top.png") repeat-x; left: 0px; top: 0px; height: 185px; right: 0px; position: absolute; z-index: 2; content: "";
}
#geomap::after {
	background: url("../geoleaderboard/lb-overlay-bottom.png") repeat-x; left: 0px; height: 185px; right: 0px; bottom: 0px; position: absolute; content: "";
}
#geomap .user-marker-container {
	background: none;
}
#geomap .user-marker-container .user-marker {
	border: 1px solid rgba(110, 174, 224, 0.5); border-image: none; position: relative; box-sizing: border-box; box-shadow: 0px 0px 10px rgba(42,98,150,0.5); background-color: rgba(32, 97, 150, 0.25); -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#geomap .user-marker-container .viewing-user.user-marker {
	border: 1px solid rgba(224, 154, 0, 0.5); border-image: none; box-shadow: 0px 0px 10px rgba(224,154,0,0.5); background-color: rgba(224, 154, 0, 0.25);
}
#geomap .user-marker-container .user-marker div {
	left: 50%; top: 50%; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; position: absolute; background-color: rgba(0, 0, 0, 0.5);
}
#geomap .user-marker-container .combined.user-marker {
	cursor: pointer;
}
#geomap .user-marker-container .combined.user-marker div {
	width: 58px; margin-left: -29px;
}
#geomap .user-marker-container .combined.user-marker div img.lb-icon {
	border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
#geomap .user-marker-container .user-marker img {
	border: 2px solid rgba(0, 0, 0, 0.5); border-image: none; width: 26px; height: 26px; display: inline;
}
#geomap .highlight.user-marker-container .user-marker {
	border: 2px solid rgba(110, 174, 224, 0.75); border-image: none; box-shadow: 0px 0px 10px #2a6296; background-color: rgba(32, 97, 150, 0.35);
}
#geomap .highlight.user-marker-container .viewing-user.user-marker {
	border: 2px solid rgba(224, 154, 0, 0.75); border-image: none; box-shadow: 0px 0px 10px #e09a00; background-color: rgba(224, 154, 0, 0.35);
}
#geoleaderboard-container {
	width: 992px; height: 0px; margin-right: auto; margin-left: auto; position: relative; z-index: 2; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
#geoleaderboard-container > header {
	position: absolute;
}
#geoleaderboard-container > header .avatar-container {
	height: 40px; float: left; background-color: rgba(7, 7, 7, 0.6);
}
#geoleaderboard-container > header .avatar-container img {
	margin: 2px 0px 2px 2px;
}
#geoleaderboard-container > header .main-about-icon {
	margin-right: 4px; margin-left: 4px;
}
#geoleaderboard-container .location-container {
	top: 24px; right: 0px; font-size: 11px; position: absolute;
}
#geoleaderboard-container .location-container .flag {
	margin-top: 2px; margin-left: 5px; float: left;
}
#geoleaderboard-container .location-container .city {
	margin-top: 3px; margin-left: 3px; float: left;
}
#geoleaderboard-container .location-container .set-position {
	margin-top: 1px; margin-left: 5px; float: left;
}
#geoleaderboard-container .submenu {
	top: 56px; position: absolute;
}
#geoleaderboard-container .submenu ul li a {
	height: 32px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#geoleaderboard-container .notification {
	width: 960px; line-height: 40px; padding-right: 16px; padding-left: 16px; font-size: 12px; position: absolute;
}
#geoleaderboard-container .next-goal {
	width: 960px; line-height: 40px; padding-right: 16px; padding-left: 16px; font-size: 12px; position: absolute;
}
#geoleaderboard-container #map-viewport {
	top: 216px; width: 656px; height: 0px; position: absolute;
}
#geoleaderboard-container #map-details {
	text-transform: uppercase; font-family: Purista; font-size: 23px; position: absolute;
}
#geoleaderboard-container .leaderboard-details {
	text-transform: uppercase; font-family: Purista; font-size: 23px; position: absolute;
}
#geoleaderboard-container .num-competing {
	text-transform: uppercase; font-family: Purista; font-size: 23px; position: absolute;
}
#geoleaderboard-container #map-details .location {
	color: rgb(255, 153, 0);
}
#geoleaderboard-container .leaderboard-details .location {
	color: rgb(255, 153, 0);
}
#geoleaderboard-container .num-competing .location {
	color: rgb(255, 153, 0);
}
#geoleaderboard-container #map-details {
	left: 16px;
}
#geoleaderboard-container .leaderboard-details {
	left: 16px;
}
#geoleaderboard-container .num-competing {
	top: 541px; right: 16px; color: rgb(255, 255, 255); line-height: 16px; font-size: 16px;
}
#geoleaderboard-container .above-leaderboard-message.num-competing {
	top: 496px;
}
#geoleaderboard-container #zoom-indicator {
	border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3) currentColor; padding: 0px 4px; transition:top 0.3s ease-out, opacity 0.5s ease-out 0.3s; border-image: none; left: 1050px; top: 2px; width: 32px; height: 19px; text-align: right; color: rgba(255, 255, 255, 0.3); line-height: 19px; font-family: Purista; font-size: 16px; margin-top: -9px; display: none; position: absolute; z-index: 100; -webkit-transition: top 0.3s ease-out, opacity 0.5s 0.3s ease-out; -moz-transition: top 0.3s ease-out, opacity 0.5s 0.3s ease-out;
}
#geoleaderboard-container #zoom-indicator::before {
	background: url("../geoleaderboard/indicator-arrows.png") no-repeat -6px 0px; left: -10px; top: 0px; width: 10px; height: 19px; display: block; position: absolute; content: ""; opacity: 0.3;
}
#geoleaderboard-container #zoom-indicator::after {
	background: url("../geoleaderboard/indicator-arrows.png") no-repeat 0px 0px; left: -1064px; top: 50%; width: 6px; height: 11px; margin-top: -6px; display: block; position: absolute; content: ""; opacity: 0.3;
}
#geoleaderboard-container .side-bar {
	top: 0px; width: 20px; height: 600px; position: absolute;
}
#geoleaderboard-container .side-bar .ruler {
	width: 32px; height: 572px; position: absolute; opacity: 0;
}
#geoleaderboard-container .left.side-bar {
	right: 100%;
}
#geoleaderboard-container .left.side-bar .ruler {
	background-position: right top; right: 16px; background-image: url("../geoleaderboard/map-ruler-left.png");
}
#geoleaderboard-container .animate.left.side-bar .ruler {
	animation:bar-left-animation 0.5s ease-in-out; opacity: 1; -webkit-animation: bar-left-animation ease-in-out 0.5s 1; -moz-animation: bar-left-animation ease-in-out 0.5s 1; -o-animation: bar-left-animation ease-in-out 0.5s 1;
}
#geoleaderboard-container .right.side-bar {
	left: 992px;
}
#geoleaderboard-container .right.side-bar .ruler {
	left: 16px; background-image: url("../geoleaderboard/map-ruler-right.png"); background-repeat: no-repeat;
}
#geoleaderboard-container .animate.right.side-bar .ruler {
	animation:bar-right-animation 0.5s ease-in-out; opacity: 1; -webkit-animation: bar-right-animation ease-in-out 0.5s 1; -moz-animation: bar-right-animation ease-in-out 0.5s 1; -o-animation: bar-right-animation ease-in-out 0.5s 1;
}
#geoleaderboard-container .map-corner {
	width: 24px; height: 24px; position: absolute; background-image: url("../geoleaderboard/map-corners.png");
}
#geoleaderboard-container .top-left.map-corner {
	background-position: left top; left: 0px;
}
#geoleaderboard-container .top-right.map-corner {
	background-position: right top; left: 632px;
}
#geoleaderboard-container .bottom-left.map-corner {
	background-position: left bottom; left: 0px; top: 549px;
}
#geoleaderboard-container .bottom-right.map-corner {
	background-position: right bottom; left: 632px; top: 549px;
}
#geoleaderboard-container .map-controls {
	left: 592px; top: 16px; position: absolute;
}
#geoleaderboard-container .map-controls button {
	padding: 0px; width: 48px; height: 32px; text-align: center; line-height: 32px; font-size: 32px; margin-bottom: 1px; display: block;
}
#geoleaderboard-container .map-controls button > div {
	margin-top: -4px;
}
#geoleaderboard-container .map-controls .disabled {
	opacity: 0.2; pointer: normal;
}
#geoleaderboard-container #map-info {
	background: rgba(7, 7, 7, 0.3); top: 573px; height: 24px; right: -336px; line-height: 24px; padding-right: 84px; padding-left: 8px; font-size: 11px; margin-top: 16px; margin-bottom: 8px; position: absolute;
}
#geoleaderboard-container #map-info span {
	color: rgb(168, 168, 168);
}
#geoleaderboard-container #map-info img {
	top: 2px; right: 8px; position: absolute; opacity: 0.75;
}
#geoleaderboard-container #map-info:hover {
	cursor: pointer;
}
#geoleaderboard-container #map-info:hover span {
	color: rgb(255, 255, 255);
}
#geoleaderboard-container #map-info:hover img {
	opacity: 1;
}
#geoleaderboard-container #skull-content {
	left: 0px; top: 573px; margin-top: 16px; position: absolute;
}
#geoleaderboard-container .division {
	width: 57px; height: 66px; background-repeat: no-repeat;
}
#geoleaderboard-container .locality-1.division {
	background-image: url("../geoleaderboard/divisions/city-1.png");
}
#geoleaderboard-container .country-1.division {
	background-image: url("../geoleaderboard/divisions/country-1.png");
}
#geoleaderboard-container .state1.division {
	background-image: url("../geoleaderboard/divisions/state-1.png");
}
#geoleaderboard-container .world-1.division {
	background-image: url("../geoleaderboard/divisions/world-1.png");
}
#geoleaderboard-container .locality-2.division {
	background-image: url("../geoleaderboard/divisions/city-2.png");
}
#geoleaderboard-container .country-2.division {
	background-image: url("../geoleaderboard/divisions/country-2.png");
}
#geoleaderboard-container .state2.division {
	background-image: url("../geoleaderboard/divisions/state-2.png");
}
#geoleaderboard-container .world-2.division {
	background-image: url("../geoleaderboard/divisions/world-2.png");
}
#geoleaderboard-container .locality-3.division {
	background-image: url("../geoleaderboard/divisions/city-3.png");
}
#geoleaderboard-container .country-3.division {
	background-image: url("../geoleaderboard/divisions/country-3.png");
}
#geoleaderboard-container .state3.division {
	background-image: url("../geoleaderboard/divisions/state-3.png");
}
#geoleaderboard-container .world-3.division {
	background-image: url("../geoleaderboard/divisions/world-3.png");
}
#geoleaderboard-container .locality-4.division {
	background-image: url("../geoleaderboard/divisions/city-4.png");
}
#geoleaderboard-container .country-4.division {
	background-image: url("../geoleaderboard/divisions/country-4.png");
}
#geoleaderboard-container .state4.division {
	background-image: url("../geoleaderboard/divisions/state-4.png");
}
#geoleaderboard-container .world-4.division {
	background-image: url("../geoleaderboard/divisions/world-4.png");
}
#geoleaderboard-container .locality-5.division {
	background-image: url("../geoleaderboard/divisions/city-5.png");
}
#geoleaderboard-container .country-5.division {
	background-image: url("../geoleaderboard/divisions/country-5.png");
}
#geoleaderboard-container .state5.division {
	background-image: url("../geoleaderboard/divisions/state-5.png");
}
#geoleaderboard-container .world-5.division {
	background-image: url("../geoleaderboard/divisions/world-5.png");
}
#geoleaderboard-container .locality-6.division {
	background-image: url("../geoleaderboard/divisions/city-6.png");
}
#geoleaderboard-container .country-6.division {
	background-image: url("../geoleaderboard/divisions/country-6.png");
}
#geoleaderboard-container .state6.division {
	background-image: url("../geoleaderboard/divisions/state-6.png");
}
#geoleaderboard-container .world-6.division {
	background-image: url("../geoleaderboard/divisions/world-6.png");
}
#geoleaderboard-container .locality-7.division {
	background-image: url("../geoleaderboard/divisions/city-7.png");
}
#geoleaderboard-container .country-7.division {
	background-image: url("../geoleaderboard/divisions/country-7.png");
}
#geoleaderboard-container .state7.division {
	background-image: url("../geoleaderboard/divisions/state-7.png");
}
#geoleaderboard-container .world-7.division {
	background-image: url("../geoleaderboard/divisions/world-7.png");
}
#geoleaderboard-container .locality-8.division {
	background-image: url("../geoleaderboard/divisions/city-8.png");
}
#geoleaderboard-container .country-8.division {
	background-image: url("../geoleaderboard/divisions/country-8.png");
}
#geoleaderboard-container .state8.division {
	background-image: url("../geoleaderboard/divisions/state-8.png");
}
#geoleaderboard-container .world-8.division {
	background-image: url("../geoleaderboard/divisions/world-8.png");
}
#geoleaderboard-container .locality-9.division {
	background-image: url("../geoleaderboard/divisions/city-9.png");
}
#geoleaderboard-container .country-9.division {
	background-image: url("../geoleaderboard/divisions/country-9.png");
}
#geoleaderboard-container .state9.division {
	background-image: url("../geoleaderboard/divisions/state-9.png");
}
#geoleaderboard-container .world-9.division {
	background-image: url("../geoleaderboard/divisions/world-9.png");
}
#geoleaderboard-container .locality-10.division {
	background-image: url("../geoleaderboard/divisions/city-10.png");
}
#geoleaderboard-container .country-10.division {
	background-image: url("../geoleaderboard/divisions/country-10.png");
}
#geoleaderboard-container .state10.division {
	background-image: url("../geoleaderboard/divisions/state-10.png");
}
#geoleaderboard-container .world-10.division {
	background-image: url("../geoleaderboard/divisions/world-10.png");
}
#geoleaderboard-container .leaderboard-details {
	left: 16px; top: 8px; line-height: 32px;
}
#geoleaderboard-container .leaderboard-details .leaderboard-name {
	width: 568px; height: 32px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#geoleaderboard-container .leaderboard-details .star {
	font-family: Arial, sans-serif; display: inline-block; cursor: pointer;
}
#geoleaderboard-container .leaderboard-details .star::after {
	color: rgba(255, 255, 255, 0.4); font-size: 22px; position: relative; z-index: 1; content: "?";
}
#geoleaderboard-container .leaderboard-details .star:hover::after {
	color: rgba(255, 255, 255, 0.7);
}
#geoleaderboard-container .leaderboard-details .starred.star::after {
	color: white;
}
#geoleaderboard-container .leaderboard-details span.location {
	padding-left: 3px;
}
#geoleaderboard-container .leaderboard-details .pr-description {
	line-height: 16px; font-size: 16px; margin-bottom: 16px;
}
#geoleaderboard-container .leaderboard-details .division {
	width: 29px; height: 33px; margin-left: -5px; float: left; cursor: pointer; background-repeat: no-repeat; background-size: 29px 33px;
}
#geoleaderboard-container .leaderboard-details .description {
	line-height: 16px; font-size: 16px; margin-left: 4px; float: left;
}
#geoleaderboard-container .leaderboard-details .description span {
	font-weight: 600; display: block;
}
#geoleaderboard-container .leaderboard-details .description span.goal {
	font-weight: normal; max-width: 500px;
}
#geoleaderboard-container .leaderboard-details .description .division-info {
	width: 15px; height: 14px; vertical-align: top; display: inline-block; cursor: pointer; background-image: url("../loadout/icon-info-s.png"); background-size: 14px 28px;
}
#geoleaderboard-container .geoleaderboard-selector {
	top: -120px; width: 992px; position: absolute;
}
#geoleaderboard-container .geoleaderboard-selector .scroll-container-outer {
	height: 112px;
}
#geoleaderboard-container .geoleaderboard-selector .scroll-left {
	line-height: 138px;
}
#geoleaderboard-container .geoleaderboard-selector .scroll-right {
	line-height: 138px;
}
#geoleaderboard-container .geoleaderboard-selector .scrollable {
	width: 190px; height: 102px; font-family: Purista; font-size: 13px;
}
#geoleaderboard-container .geoleaderboard-selector .scrollable .thumb {
	height: 64px;
}
#geoleaderboard-container .geoleaderboard-selector .scrollable .thumb img {
	margin-top: 5px; opacity: 0.9;
}
#geoleaderboard-container .geoleaderboard-selector .scrollable .description {
	height: 40px; padding-top: 6px;
}
#geoleaderboard-container .geoleaderboard-selector .scrollable .score {
	color: rgb(168, 168, 168); text-transform: none; font-family: Arial; font-size: 12px;
}
#geoleaderboard-container .geoleaderboard-selector .scrollable .title {
	height: 13px; color: rgb(255, 255, 255); overflow: hidden; white-space: nowrap;
}
#geoleaderboard-container .geoleaderboard-selector .selected.scrollable {
	background: rgba(0, 0, 0, 0.5); border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(255, 255, 255) rgb(255, 255, 255) currentColor; border-image: none; width: 188px; height: 101px;
}
#geoleaderboard-container .geoleaderboard-selector .selected.scrollable .description {
	background: url("../veteranprogram/boxselected.png") repeat-x rgb(255, 255, 255);
}
#geoleaderboard-container .geoleaderboard-selector .selected.scrollable .description .title {
	color: rgb(0, 0, 0); font-weight: bold;
}
#geoleaderboard-container .geoleaderboard-selector .selected.scrollable .thumb img {
	margin-top: 4px; opacity: 1;
}
#geoleaderboard-container .geoleaderboard-selector .scrollable:hover {
	background-color: rgba(7, 7, 7, 0.7);
}
#geoleaderboard-container .geoleaderboard-selector .scrollable:hover .thumb img {
	opacity: 1;
}
#geoleaderboard-container #location-selector {
	left: 8px; top: 128px; line-height: 24px; font-family: Purista; font-size: 16px; position: absolute;
}
#geoleaderboard-container #location-selector a {
	display: block;
}
#geoleaderboard-container #location-selector .area-button {
	background-position: 15px 50%; width: 48px; height: 28px; text-transform: uppercase; line-height: 28px; overflow: hidden; font-family: Purista; font-size: 13px; font-weight: 600; text-decoration: none; margin-bottom: 1px; cursor: pointer; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.5);
}
#geoleaderboard-container #location-selector .area-button span {
	padding-right: 8px; padding-left: 8px; margin-left: 48px;
}
#geoleaderboard-container #location-selector .area-button:hover {
	width: auto; background-color: rgba(150, 150, 150, 0.5);
}
#geoleaderboard-container #location-selector .friend.area-button {
	background-image: url("../geoleaderboard/geo-friend-bright.png");
}
#geoleaderboard-container #location-selector .locality.area-button {
	background-position: 17px 50%; background-image: url("../geoleaderboard/geo-locality-bright.png");
}
#geoleaderboard-container #location-selector .state.area-button {
	background-image: url("../geoleaderboard/geo-state-bright.png");
}
#geoleaderboard-container #location-selector .country.area-button {
	background-image: url("../geoleaderboard/geo-country-bright.png");
}
#geoleaderboard-container #location-selector .world.area-button {
	background-image: url("../geoleaderboard/geo-world-bright.png");
}
#geoleaderboard-container #location-selector .selected.area-button {
	color: rgb(0, 0, 0); background-color: rgba(255, 255, 255, 0.9);
}
#geoleaderboard-container #location-selector .friend.selected.area-button {
	background-image: url("../geoleaderboard/geo-friend-dark.png");
}
#geoleaderboard-container #location-selector .locality.selected.area-button {
	background-image: url("../geoleaderboard/geo-locality-dark.png");
}
#geoleaderboard-container #location-selector .state.selected.area-button {
	background-image: url("../geoleaderboard/geo-state-dark.png");
}
#geoleaderboard-container #location-selector .country.selected.area-button {
	background-image: url("../geoleaderboard/geo-country-dark.png");
}
#geoleaderboard-container #location-selector .world.selected.area-button {
	background-image: url("../geoleaderboard/geo-world-dark.png");
}
#geoleaderboard-container .standings {
	top: 0px; width: 327px; height: 573px; right: -336px; position: absolute;
}
#geoleaderboard-container .standings .header {
	color: rgb(213, 221, 229); text-transform: uppercase; line-height: 23px; padding-left: 8px; font-family: Purista; font-size: 16px; margin-bottom: 1px; background-color: rgba(0, 0, 0, 0.65);
}
#geoleaderboard-container .standings table {
	margin-bottom: 0px;
}
#geoleaderboard-container .standings tr.active a {
	color: rgb(0, 0, 0);
}
#geoleaderboard-container .standings td {
	padding: 0px; height: 47px; font-size: 12px;
}
#geoleaderboard-container .standings #standings-list {
	height: 464px; overflow: hidden; margin-bottom: 14px; position: relative;
}
#geoleaderboard-container .standings #standings-list .jspVerticalBar {
	background: rgba(0, 0, 0, 0.5); width: 8px; right: 1px;
}
#geoleaderboard-container .standings #standings-list .jspDrag {
	background: rgb(255, 255, 255); opacity: 0.7;
}
#geoleaderboard-container .standings #standings-list .jspDrag:hover {
	opacity: 1;
}
#geoleaderboard-container .standings .standing {
	width: 45px; font-family: Purista; font-size: 16px;
}
#geoleaderboard-container .standings .current-user.standing {
	color: rgb(0, 0, 0); background-color: rgb(255, 153, 0);
}
#geoleaderboard-container .standings .standing .division {
	background-position: 50% 50%; width: 100%; height: 33px; cursor: pointer; background-repeat: no-repeat; background-size: 29px 33px;
}
#geoleaderboard-container .standings .avatarcontainer {
	width: 45px;
}
#geoleaderboard-container .standings .rankcontainer {
	width: 35px; line-height: 0; overflow: hidden;
}
#geoleaderboard-container .standings .rankcontainer .rank {
	margin-top: 8px;
}
#geoleaderboard-container .standings .name {
	width: 142px;
}
#geoleaderboard-container .standings .name .common-playername-personaname {
	font-weight: bold; margin-bottom: 2px;
}
#geoleaderboard-container .standings .name .common-playername-username {
	color: rgb(168, 168, 168); font-size: 11px;
}
#geoleaderboard-container .standings .score {
	width: 44px; text-align: right; padding-right: 16px; font-size: 14px; font-weight: bold;
}
#geoleaderboard-container .leaderboard-message {
	background: rgba(0, 0, 0, 0.5); left: 8px; top: 512px; right: 16px; color: rgb(235, 198, 181); text-transform: none; line-height: 40px; padding-left: 8px; font-family: Arial, sans-serif; font-size: 12px; margin-top: 8px; margin-left: 8px; position: absolute; text-shadow: -1px -1px 4px #b74b19, 1px 1px 4px #b74b19;
}
#geoleaderboard-container .leaderboard-message i {
	background: url("../ui/icons/icon-error.png") no-repeat; width: 24px; height: 22px; margin-top: -4px; margin-right: 5px; vertical-align: middle; display: inline-block;
}
#geoleaderboard-container .next-goal {
	background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(128, 128, 128, 0.5); border-image: none; top: 589px;
}
#geoleaderboard-container .notification {
	background: rgba(0, 0, 0, 0.5); top: -48px;
}
#geoleaderboard-container .notification .date {
	color: rgb(168, 168, 168); font-size: 11px; float: right;
}
#geoleaderboard-container .notification a {
	font-weight: bold;
}
#geoleaderboard-container .notification a:hover {
	text-decoration: none;
}
#geoleaderboard-container .notification img {
	margin-top: 10px; margin-right: 10px; float: left;
}
#geoleaderboard-container #map-details {
	top: 16px; line-height: 24px;
}
#geoleaderboard-container #map-details .title {
	display: block;
}
#geoleaderboard-container #map-details .description {
	font-size: 16px; display: block;
}
#geoleaderboard-container #user-details-container {
	left: 16px; top: 521px; text-transform: uppercase; line-height: 16px; font-family: Purista; font-size: 16px; display: none; position: absolute;
}
#geoleaderboard-container #user-details-container img {
	border: 1px solid rgb(255, 255, 255); border-image: none; float: left;
}
#geoleaderboard-container #user-details-container div {
	height: 35px; padding-top: 4px; margin-left: 44px;
}
#geoleaderboard-container #user-details-container span.username {
	text-transform: none; font-weight: 600; display: block;
}
#geoleaderboard-container #user-details-container span.description {
	color: rgb(168, 168, 168);
}
#geoleaderboard-container .performances {
	top: 589px; width: 100%; margin-bottom: 24px; position: absolute;
}
.ugm-showing #geoleaderboard-container .performances {
	padding-bottom: 64px;
}
#geoleaderboard-container .performances .row-tight {
	margin-top: 1px;
}
#geoleaderboard-container .performances .header div {
	background: rgba(0, 0, 0, 0.4); color: rgb(213, 221, 229); text-transform: uppercase; line-height: 23px; padding-left: 8px; font-family: Purista; font-size: 15px; font-weight: 600;
}
#geoleaderboard-container .performances .boxes .span1 {
	background: rgba(0, 0, 0, 0.4); padding: 8px; height: 240px; text-align: center; text-transform: uppercase; line-height: 16px; text-decoration: none; -ms-overflow-x: hidden; -ms-overflow-y: hidden;
}
#geoleaderboard-container .performances .boxes .span1 .name {
	font-size: 11px;
}
#geoleaderboard-container .performances .boxes .span1 .score {
	color: rgb(168, 168, 168); font-size: 11px;
}
#geoleaderboard-container .performances .boxes .span1 .icon {
	background-position: 50% 50%; height: 56px; overflow: hidden; margin-top: 8px; margin-bottom: 8px; background-repeat: no-repeat;
}
#geoleaderboard-container .performances .boxes .span1 .division {
	width: 57px; margin-right: auto; margin-bottom: 8px; margin-left: auto; display: block;
}
#geoleaderboard-container .performances .boxes .span1 .position {
	line-height: 24px; font-family: Purista; font-size: 19px;
}
#geoleaderboard-container .performances .boxes .span1 .location {
	background-position: left; line-height: 19px; padding-left: 25px; font-size: 11px; margin-top: 5px; display: inline-block; background-repeat: no-repeat;
}
#geoleaderboard-container .performances .boxes .span1 .locality.location {
	background-image: url("../geoleaderboard/geo-locality-bright.png");
}
#geoleaderboard-container .performances .boxes .span1 .country.location {
	background-image: url("../geoleaderboard/geo-country-bright.png");
}
#geoleaderboard-container .performances .boxes .span1 .world.location {
	background-image: url("../geoleaderboard/geo-world-bright.png");
}
.overview#geoleaderboard-container #map-viewport {
	top: 104px; width: 992px;
}
.choose-position#geoleaderboard-container #map-viewport {
	top: 104px; width: 992px;
}
.overview#geoleaderboard-container .top-right {
	left: 968px;
}
.choose-position#geoleaderboard-container .top-right {
	left: 968px;
}
.overview#geoleaderboard-container .bottom-right {
	left: 968px;
}
.choose-position#geoleaderboard-container .bottom-right {
	left: 968px;
}
.overview#geoleaderboard-container .map-controls {
	left: 928px;
}
.choose-position#geoleaderboard-container .map-controls {
	left: 928px;
}
.overview#geoleaderboard-container #location-selector {
	top: 88px;
}
.choose-position#geoleaderboard-container #location-selector {
	top: 88px;
}
.overview#geoleaderboard-container #map-info {
	top: 0px; right: 0px; float: right; position: relative;
}
.overview#geoleaderboard-container #skull-content {
	left: auto; top: auto; position: relative;
}
.has-latest-update.overview#geoleaderboard-container #map-viewport {
	top: 152px;
}
.choose-position#geoleaderboard-container header {
	width: 992px; text-align: center;
}
.choose-position#geoleaderboard-container h1 {
	font-size: 40px;
}
.choose-position#geoleaderboard-container h3 {
	font-size: 23px; font-weight: normal;
}
.choose-position#geoleaderboard-container #map-details {
	top: 328px; width: 960px; height: 0px; text-align: center; color: rgb(255, 153, 0); overflow: visible; position: absolute;
}
.choose-position#geoleaderboard-container #map-info {
	top: 677px; right: 0px;
}
.choose-position#geoleaderboard-container #skull-content {
	left: 0px; top: 677px; margin-top: 16px;
}
#geoleaderboard-container .set-location-box {
	left: 16px; top: 453px; height: 104px; right: 16px; position: absolute; background-color: rgba(0, 0, 0, 0.5);
}
#geoleaderboard-container .set-location-box .privacy-settings {
	margin: 16px; width: 400px;
}
#geoleaderboard-container .set-location-box .privacy-settings span {
	line-height: 16px; margin-top: 9px; display: block;
}
#geoleaderboard-container .set-location-box .continue {
	top: 16px; text-align: center; right: 16px; position: absolute;
}
#geoleaderboard-container .set-location-box .continue a {
	margin-top: 16px; display: block;
}
#geoleaderboard-container .set-location-box span {
	color: rgb(168, 168, 168); font-size: 12px;
}
#geoleaderboard-container .set-location-box a {
	color: rgb(168, 168, 168); font-size: 12px;
}
.geo-location-dialog {
	text-align: center;
}
.geo-location-dialog span {
	margin-top: 16px; margin-bottom: 16px; display: block;
}
.geo-location-dialog button {
	margin-top: 16px; margin-bottom: 16px; display: block;
}
.geo-location-dialog button {
	margin-right: auto; margin-left: auto;
}
#geoleaderboard-divisions {
	position: relative;
}
#geoleaderboard-divisions h3 {
	color: rgb(168, 168, 168); text-transform: uppercase; line-height: 16px; font-family: Purista; font-size: 16px; font-weight: normal; margin-bottom: 16px;
}
#geoleaderboard-divisions .divisions {
	color: rgb(255, 255, 255); line-height: 16px; font-family: Purista; font-size: 16px;
}
#geoleaderboard-divisions .score-needed {
	color: rgb(255, 255, 255); line-height: 16px; font-family: Purista; font-size: 16px;
}
#geoleaderboard-divisions .divisions {
	margin-bottom: 16px;
}
#geoleaderboard-divisions .divisions .division {
	height: 24px;
}
#geoleaderboard-divisions .divisions .division .num {
	width: 24px; float: left;
}
#geoleaderboard-divisions .divisions .division .bar {
	width: 250px; float: left;
}
#geoleaderboard-divisions .divisions .division .bar .progress-bar {
	margin-bottom: 8px;
}
#geoleaderboard-divisions .divisions .division .details {
	margin-left: 8px; float: left;
}
#geoleaderboard-divisions .divisions .division .clear {
	clear: left;
}
#geoleaderboard-divisions .score-needed {
	left: 400px; top: 0px; position: absolute;
}
#geoleaderboard-divisions .score-needed .score {
	height: 24px;
}
#geoleaderboard-divisions .description {
	
}
.leaflet-map-pane {
	left: 0px; top: 0px; position: absolute;
}
.leaflet-tile {
	left: 0px; top: 0px; position: absolute;
}
.leaflet-marker-icon {
	left: 0px; top: 0px; position: absolute;
}
.leaflet-marker-shadow {
	left: 0px; top: 0px; position: absolute;
}
.leaflet-tile-pane {
	left: 0px; top: 0px; position: absolute;
}
.leaflet-tile-container {
	left: 0px; top: 0px; position: absolute;
}
.leaflet-overlay-pane {
	left: 0px; top: 0px; position: absolute;
}
.leaflet-shadow-pane {
	left: 0px; top: 0px; position: absolute;
}
.leaflet-marker-pane {
	left: 0px; top: 0px; position: absolute;
}
.leaflet-popup-pane {
	left: 0px; top: 0px; position: absolute;
}
.leaflet-overlay-pane svg {
	left: 0px; top: 0px; position: absolute;
}
.leaflet-zoom-box {
	left: 0px; top: 0px; position: absolute;
}
.leaflet-image-layer {
	left: 0px; top: 0px; position: absolute;
}
.leaflet-layer {
	left: 0px; top: 0px; position: absolute;
}
.leaflet-container {
	overflow: hidden; -ms-touch-action: none;
}
.leaflet-tile {
	-webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none;
}
.leaflet-marker-icon {
	-webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none;
}
.leaflet-marker-shadow {
	-webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none;
}
.leaflet-marker-icon {
	display: block;
}
.leaflet-marker-shadow {
	display: block;
}
.leaflet-container img {
	max-width: none !important;
}
.leaflet-container img.leaflet-image-layer {
	max-width: 15000px !important;
}
.leaflet-tile {
	visibility: hidden; filter: inherit;
}
.leaflet-tile-loaded {
	visibility: inherit;
}
.leaflet-zoom-box {
	width: 0px; height: 0px;
}
.leaflet-overlay-pane svg {
	-moz-user-select: none;
}
.leaflet-tile-pane {
	z-index: 2;
}
.leaflet-objects-pane {
	z-index: 3;
}
.leaflet-overlay-pane {
	z-index: 4;
}
.leaflet-shadow-pane {
	z-index: 5;
}
.leaflet-marker-pane {
	z-index: 6;
}
.leaflet-popup-pane {
	z-index: 7;
}
.leaflet-control {
	position: relative; z-index: 7; pointer-events: auto;
}
.leaflet-top {
	position: absolute; z-index: 1000; pointer-events: none;
}
.leaflet-bottom {
	position: absolute; z-index: 1000; pointer-events: none;
}
.leaflet-top {
	top: 0px;
}
.leaflet-right {
	right: 0px;
}
.leaflet-bottom {
	bottom: 0px;
}
.leaflet-left {
	left: 0px;
}
.leaflet-control {
	clear: both; float: left;
}
.leaflet-right .leaflet-control {
	float: right;
}
.leaflet-top .leaflet-control {
	margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
	margin-left: 10px;
}
.leaflet-right .leaflet-control {
	margin-right: 10px;
}
.leaflet-fade-anim .leaflet-tile {
	transition:opacity 0.2s linear; opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-popup {
	transition:opacity 0.2s linear; opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-tile-loaded {
	opacity: 1;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:transform 0.25s cubic-bezier(0, 0, 0.25, 1); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile {
	transition:none; -webkit-transition: none; -moz-transition: none; -o-transition: none;
}
.leaflet-pan-anim .leaflet-tile {
	transition:none; -webkit-transition: none; -moz-transition: none; -o-transition: none;
}
.leaflet-touching .leaflet-zoom-animated {
	transition:none; -webkit-transition: none; -moz-transition: none; -o-transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
}
.leaflet-clickable {
	cursor: pointer;
}
.leaflet-container {
	
}
.leaflet-popup-pane {
	cursor: auto;
}
.leaflet-control {
	cursor: auto;
}
.leaflet-dragging {
	cursor: move;
}
.leaflet-dragging .leaflet-clickable {
	cursor: move;
}
.leaflet-dragging .leaflet-container {
	cursor: move;
}
.leaflet-container {
	background: rgb(221, 221, 221); outline: 0px;
}
.leaflet-container a {
	color: rgb(0, 120, 168);
}
.leaflet-container a.leaflet-active {
	outline: orange solid 2px;
}
.leaflet-zoom-box {
	background: white; border: 2px dotted rgb(0, 85, 255); border-image: none; opacity: 0.5;
}
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; font-size-adjust: none; font-stretch: normal;
}
.leaflet-bar {
	border-radius: 4px; box-shadow: 0px 1px 7px rgba(0,0,0,0.65); -webkit-border-radius: 4px;
}
.leaflet-bar a {
	width: 26px; height: 26px; text-align: center; color: black; line-height: 26px; text-decoration: none; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; display: block; background-color: rgb(255, 255, 255);
}
.leaflet-bar a:hover {
	width: 26px; height: 26px; text-align: center; color: black; line-height: 26px; text-decoration: none; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; display: block; background-color: rgb(255, 255, 255);
}
.leaflet-bar a {
	background-position: 50% 50%; display: block; background-repeat: no-repeat;
}
.leaflet-control-layers-toggle {
	background-position: 50% 50%; display: block; background-repeat: no-repeat;
}
.leaflet-bar a:hover {
	background-color: rgb(244, 244, 244);
}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px;
}
.leaflet-bar a.leaflet-disabled {
	color: rgb(187, 187, 187); cursor: default; background-color: rgb(244, 244, 244);
}
.leaflet-touch .leaflet-bar {
	border-radius: 10px; -webkit-border-radius: 10px;
}
.leaflet-touch .leaflet-bar a {
	width: 30px; height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 7px; border-top-right-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px;
}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px;
}
.leaflet-control-zoom-in {
	font: bold 18px/normal "Lucida Console", Monaco, monospace; font-size-adjust: none; font-stretch: normal;
}
.leaflet-control-zoom-out {
	font: bold 22px/normal "Lucida Console", Monaco, monospace; font-size-adjust: none; font-stretch: normal;
}
.leaflet-touch .leaflet-control-zoom-in {
	line-height: 30px; font-size: 22px;
}
.leaflet-touch .leaflet-control-zoom-out {
	line-height: 30px; font-size: 28px;
}
.leaflet-control-layers {
	background: rgb(248, 248, 249); border-radius: 5px; box-shadow: 0px 1px 7px rgba(0,0,0,0.4); -webkit-border-radius: 5px;
}
.leaflet-control-layers-toggle {
	width: 36px; height: 36px; background-image: url("images/layers.png");
}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url("images/layers-2x.png"); background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px; height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list {
	display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block; position: relative;
}
.leaflet-control-layers-expanded {
	background: rgb(255, 255, 255); padding: 6px 10px 6px 6px; color: rgb(51, 51, 51);
}
.leaflet-control-layers-selector {
	top: 1px; margin-top: 2px; position: relative;
}
.leaflet-control-layers label {
	display: block;
}
.leaflet-control-layers-separator {
	margin: 5px -10px 5px -6px; height: 0px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.leaflet-container .leaflet-control-attribution {
	margin: 0px; box-shadow: 0px 0px 5px #bbb; background-color: rgba(255, 255, 255, 0.7);
}
.leaflet-control-attribution {
	padding: 0px 5px; color: rgb(51, 51, 51);
}
.leaflet-control-scale-line {
	padding: 0px 5px; color: rgb(51, 51, 51);
}
.leaflet-container .leaflet-control-attribution {
	font-size: 11px;
}
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
}
.leaflet-control-scale-line {
	border-width: medium 2px 2px; border-style: none solid solid; border-color: currentColor rgb(119, 119, 119) rgb(119, 119, 119); padding: 2px 5px 1px; border-image: none; color: black; line-height: 1.1; overflow: hidden; font-size: 11px; white-space: nowrap; box-shadow: 0px -1px 5px rgba(0,0,0,0.2); text-shadow: 1px 1px 1px #fff; background-color: rgba(255, 255, 255, 0.5);
}
:not(:first-child).leaflet-control-scale-line {
	margin-top: -2px; border-top-color: rgb(119, 119, 119); border-bottom-color: currentColor; border-top-width: 2px; border-bottom-width: medium; border-top-style: solid; border-bottom-style: none; box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}
:not(:first-child):not(:last-child).leaflet-control-scale-line {
	border-bottom-color: rgb(119, 119, 119); border-bottom-width: 2px; border-bottom-style: solid;
}
.leaflet-touch .leaflet-control-attribution {
	box-shadow: none;
}
.leaflet-touch .leaflet-control-layers {
	box-shadow: none;
}
.leaflet-touch .leaflet-control-zoom {
	box-shadow: none;
}
.leaflet-touch .leaflet-control-layers {
	border: 4px solid rgba(0, 0, 0, 0.3); border-image: none;
}
.leaflet-touch .leaflet-control-zoom {
	border: 4px solid rgba(0, 0, 0, 0.3); border-image: none;
}
.leaflet-popup {
	text-align: center; position: absolute;
}
.leaflet-popup-content-wrapper {
	padding: 1px; border-radius: 12px; text-align: left; -webkit-border-radius: 12px;
}
.leaflet-popup-content {
	margin: 13px 19px; line-height: 1.4;
}
.leaflet-popup-content p {
	margin: 18px 0px;
}
.leaflet-popup-tip-container {
	margin: 0px auto; width: 40px; height: 20px; overflow: hidden; position: relative;
}
.leaflet-popup-tip {
	margin: -10px auto 0px; padding: 1px; width: 17px; height: 17px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.leaflet-popup-content-wrapper {
	background: white; box-shadow: 0px 3px 14px rgba(0,0,0,0.4);
}
.leaflet-popup-tip {
	background: white; box-shadow: 0px 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
	background: none; font: bold 16px/14px Tahoma, Verdana, sans-serif; padding: 4px 4px 0px 0px; top: 0px; width: 18px; height: 14px; text-align: center; right: 0px; color: rgb(195, 195, 195); text-decoration: none; position: absolute; font-size-adjust: none; font-stretch: normal;
}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: rgb(153, 153, 153);
}
.leaflet-popup-scrolled {
	overflow: auto; border-top-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.leaflet-div-icon {
	background: rgb(255, 255, 255); border: 1px solid rgb(102, 102, 102); border-image: none;
}
.leaflet-editing-icon {
	border-radius: 2px; -webkit-border-radius: 2px;
}
.mapbox-icon {
	background-image: url(""); background-repeat: no-repeat; background-size: 26px 156px;
}
@media not all, all and (min-resolution:192dpi)
{
.mapbox-icon {
	background-image: url("");
}
}
a.mapbox-icon-share {
	background-position: 0px -52px;
}
a.mapbox-icon-geocoder {
	background-position: 0px -78px;
}
a.mapbox-icon-facebook {
	background-position: 0px -104px;
}
a.mapbox-icon-twitter {
	background-position: 0px -130px;
}
.map-legends {
	background: rgb(255, 255, 255); border-radius: 3px; border: 1px solid rgb(187, 187, 187); border-image: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 3px;
}
.map-legends {
	box-shadow: 0px 1px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.map-legends .map-legend {
	padding: 10px;
}
.map-tooltip {
	background: rgb(255, 255, 255); font: 13px/20px Arial, sans-serif; padding: 10px; border-radius: 3px; border: 1px solid rgb(187, 187, 187); transition:opacity 150ms; border-image: none; color: rgb(34, 34, 34); overflow: auto; z-index: 999999; max-height: 400px; min-width: 180px; max-width: 280px; box-sizing: border-box; font-size-adjust: none; font-stretch: normal; opacity: 1; box-shadow: 0px 1px 2px rgba(0,0,0,0.15); -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: opacity 150ms; -moz-transition: opacity 150ms; -o-transition: opacity 150ms; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.map-tooltip .close {
	background: url("") no-repeat 0px 0px rgb(255, 255, 255); text-indent: -999em; overflow: hidden; display: none;
}
.closable.map-tooltip .close:active {
	border-color: rgb(176, 176, 176); background-color: rgb(240, 240, 240);
}
.closable.map-tooltip .close {
	background-position: -5px -5px; border-radius: 10px; top: 4px; width: 20px; height: 20px; right: 4px; position: absolute;
}
.closable.map-tooltip .close {
	display: block;
}
.map-tooltip small {
	font-size: 11px;
}
.map-tooltip h1 {
	font-size: 16px;
}
.map-tooltip h2 {
	font-size: 16px;
}
.map-tooltip h3 {
	font-size: 16px;
}
.map-tooltip h4 {
	font-size: 16px;
}
.map-tooltip h5 {
	font-size: 16px;
}
.map-tooltip h6 {
	font-size: 16px;
}
.map-tooltip h1 {
	margin: 0px 0px 10px;
}
.map-tooltip h2 {
	margin: 0px 0px 10px;
}
.map-tooltip h3 {
	margin: 0px 0px 10px;
}
.map-tooltip h4 {
	margin: 0px 0px 10px;
}
.map-tooltip h5 {
	margin: 0px 0px 10px;
}
.map-tooltip h6 {
	margin: 0px 0px 10px;
}
.map-tooltip p {
	margin: 0px 0px 10px;
}
.leaflet-control-interaction {
	top: 10px; width: 300px; right: 10px; position: absolute;
}
.leaflet-popup {
	pointer-events: none;
}
.leaflet-popup-close-button {
	pointer-events: all;
}
.leaflet-popup-content-wrapper {
	border-radius: 2px; pointer-events: all; box-shadow: 0px 1px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.leaflet-popup-content {
	margin: 12px 16px; line-height: 1.6em;
}
.leaflet-popup-content .marker-title {
	line-height: 2em; font-weight: bold;
}
.leaflet-popup-tip {
	box-shadow: 0px 1px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.leaflet-control .mapbox-button {
	padding: 5px 8px; border-radius: 4px; font-weight: bold;
}
.leaflet-bar {
	border-radius: 2px; box-shadow: none; -webkit-border-radius: 2px;
}
.leaflet-touch .leaflet-bar {
	border-radius: 2px; box-shadow: none; -webkit-border-radius: 2px;
}
.leaflet-bar a:first-child {
	border-top-left-radius: 2px; border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px; border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px;
}
.leaflet-bar a:last-child {
	border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px;
}
.leaflet-container {
	cursor: default;
}
.leaflet-popu a {
	color: rgb(68, 136, 153); text-decoration: none;
}
.map-tooltip a {
	color: rgb(68, 136, 153); text-decoration: none;
}
.map-legend a {
	color: rgb(68, 136, 153); text-decoration: none;
}
.leaflet-dragging {
	cursor: move;
}
.leaflet-clickable {
	cursor: pointer;
}
.map-clickable.leaflet-container {
	cursor: pointer;
}
.mapbox-share-buttons {
	padding: 15px 0px; clear: both; margin-bottom: 10px; border-bottom-color: rgb(226, 226, 226); border-bottom-width: 1px; border-bottom-style: solid;
}
.mapbox-share-buttons a {
	border-radius: 2px; width: 48%; height: 26px; line-height: 26px; padding-left: 30px; font-weight: bold; text-decoration: none; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.mapbox-share-buttons a.mapbox-share-facebook {
	color: rgb(255, 255, 255); margin-right: 4%; background-color: rgb(59, 89, 152);
}
.mapbox-share-buttons a.mapbox-share-facebook:hover {
	background-color: rgb(70, 110, 178);
}
.mapbox-share-buttons a.mapbox-share-twitter {
	color: rgb(255, 255, 255); background-color: rgb(64, 153, 255);
}
.mapbox-share-buttons a.mapbox-share-twitter:hover {
	background-color: rgb(100, 178, 255);
}
.mapbox-share-popup {
	background: rgb(255, 255, 255); padding: 20px; z-index: 1000; box-sizing: border-box; -moz-box-sizing: border-box;
}
.mapbox-share-popup h3 {
	margin: 0px;
}
.mapbox-share-popup small {
	color: rgb(102, 102, 102);
}
.mapbox-share-popup textarea {
	width: 100%; height: 50px;
}
.leaflet-control .mapbox-button {
	border: 1px solid rgb(187, 187, 187); border-image: none; background-color: rgb(255, 255, 255);
}
.leaflet-control .mapbox-button:hover {
	cursor: pointer; background-color: rgb(244, 244, 244);
}
.leaflet-bar {
	border: 1px solid rgb(187, 187, 187); border-image: none;
}
.leaflet-touch .leaflet-bar {
	border: 1px solid rgb(187, 187, 187); border-image: none;
}
.leaflet-bar a:active {
	background-color: rgb(226, 226, 226);
}
.leaflet-control .mapbox-button:active {
	background-color: rgb(226, 226, 226);
}
.leaflet-control-mapbox-geocoder {
	position: relative;
}
.searching.leaflet-control-mapbox-geocoder::before {
	background: rgba(224, 224, 224, 0.5); left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 100; content: "";
}
.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-wrap {
	background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); transition:width 100ms; border-image: none; left: 27px; top: -1px; width: 0px; height: 28px; overflow: hidden; position: absolute; box-sizing: border-box; opacity: 0; -moz-box-sizing: border-box; -webkit-transition: width 100ms; -moz-transition: width 100ms; -o-transition: width 100ms;
}
.active.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-wrap {
	border-radius: 0px 2px 2px 0px; width: 175px; border-left-color: currentColor; border-left-width: 0px; border-left-style: none; opacity: 1;
}
.leaflet-bar .leaflet-control-mapbox-geocoder-toggle {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.leaflet-bar .leaflet-control-mapbox-geocoder-toggle:hover {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.leaflet-control-mapbox-geocoder-toggle {
	border-radius: 2px; -webkit-border-radius: 2px;
}
.active.leaflet-control-mapbox-geocoder {
	border-top-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px;
}
.active.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-toggle {
	border-top-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px;
}
.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-form input {
	border: 0px currentColor; border-image: none; width: 175px; height: 26px; padding-left: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.leaflet-control-mapbox-geocoder .mapbox-geocoder-toggle {
	left: 0px; top: 0px; position: absolute;
}
.leaflet-control-mapbox-geocoder input:focus {
	border-color: rgb(136, 136, 136);
}
.leaflet-control-mapbox-geocoder-results {
	left: 26px; top: 26px; position: absolute;
}
.leaflet-control-mapbox-geocoder-results a {
	background: rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(204, 204, 204) rgb(204, 204, 204); padding: 0px 10px; border-image: none; width: 176px; text-align: center; line-height: 26px; overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.leaflet-control-mapbox-geocoder-results span {
	background: rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(204, 204, 204) rgb(204, 204, 204); padding: 0px 10px; border-image: none; width: 176px; text-align: center; line-height: 26px; overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.leaflet-control-mapbox-geocoder-results a:hover {
	background: rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(204, 204, 204) rgb(204, 204, 204); padding: 0px 10px; border-image: none; width: 176px; text-align: center; line-height: 26px; overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.leaflet-control-mapbox-geocoder-results a:hover {
	background: rgb(238, 238, 238);
}
.leaflet-control-mapbox-geocoder-results a:last-child {
	border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.leaflet-control-mapbox-geocoder-results span:last-child {
	border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.dark.leaflet-container .leaflet-bar {
	border-color: rgb(0, 0, 0);
}
.dark.leaflet-container .leaflet-bar a {
	border-color: rgb(0, 0, 0); color: rgb(255, 255, 255); background-color: rgb(64, 64, 64);
}
.dark.leaflet-container .leaflet-control .mapbox-button {
	border-color: rgb(0, 0, 0); color: rgb(255, 255, 255); background-color: rgb(64, 64, 64);
}
.dark.leaflet-container .leaflet-bar a:hover {
	background-color: rgb(86, 86, 86);
}
.dark.leaflet-container .leaflet-control .mapbox-button:hover {
	background-color: rgb(86, 86, 86);
}
.dark.leaflet-container .leaflet-bar a:active {
	background-color: rgb(107, 107, 107);
}
.dark.leaflet-container .leaflet-control .mapbox-button:active {
	background-color: rgb(107, 107, 107);
}
.dark.leaflet-container .leaflet-bar a.leaflet-disabled {
	color: rgb(71, 71, 71); background-color: rgb(37, 37, 37);
}
.dark.leaflet-container .leaflet-control .disabled.mapbox-button {
	color: rgb(71, 71, 71); background-color: rgb(37, 37, 37);
}
.dark.leaflet-container .leaflet-control-mapbox-geocoder input[type=text] {
	border-color: rgb(0, 0, 0); color: rgb(255, 255, 255); background-color: rgb(86, 86, 86);
}
.dark.leaflet-container .leaflet-control-mapbox-geocoder input:focus {
	border-color: rgb(204, 204, 204);
}
.marker-cluster .marker-cluster-container {
	width: 58px; height: 58px; position: relative;
}
.marker-cluster .marker-cluster-container div {
	background: url("../geoleaderboard/icon-cluster.png"); font: 13px/normal Purista; border-radius: 29px; left: 50%; top: 50%; width: 58px; height: 58px; text-align: center; margin-top: -29px; margin-left: -29px; position: absolute; font-size-adjust: none; font-stretch: normal;
}
.marker-cluster .current-user.marker-cluster-container div {
	background: url("../geoleaderboard/icon-cluster-yellow.png");
}
.marker-cluster .marker-cluster-container span {
	line-height: 58px;
}
.highlight.marker-cluster .marker-cluster-container div {
	background: url("../geoleaderboard/icon-cluster-hover.png");
}
.highlight.marker-cluster .current-user.marker-cluster-container div {
	background: url("../geoleaderboard/icon-cluster-yellow-hover.png");
}
.leaflet-cluster-anim .leaflet-marker-icon {
	transition:transform 0.2s ease-out, opacity 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-in; -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-in; -o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-in;
}
.leaflet-cluster-anim .leaflet-marker-shadow {
	transition:transform 0.2s ease-out, opacity 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-in; -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-in; -o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-in;
}
#clubs {
	margin: 0px auto; width: 992px; font-family: Arial; font-size: 14px; position: relative;
}
#clubs header {
	position: relative;
}
#clubs #memberbox-footer {
	padding: 0px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; margin-top: 1px; cursor: pointer; background-color: rgba(7, 7, 7, 0.4);
}
#clubs #memberbox-footer p {
	padding: 16px;
}
#clubs #memberbox-footer:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
#clubs .empty-message {
	text-align: center; color: rgb(168, 168, 168);
}
#clubs .club-delete {
	background: url("../base/shared/row_icon_chat_light.png") 0px -26px; top: 16px; width: 13px; height: 13px; right: 16px; position: absolute; cursor: pointer;
}
#clubs .club-delete:hover {
	background-position: 0px -39px;
}
#clubs .public-wall-title {
	margin-bottom: 1px;
}
#clubs textarea {
	font-family: Arial; font-size: 13px;
}
#clubs .club-message-area {
	margin-bottom: 0px;
}
#clubs .club-message-area textarea {
	height: 22px; line-height: 22px; font-size: 14px;
}
#clubs .club-message-area button {
	display: none;
}
#clubs .club-message-area label {
	display: none;
}
#clubs .club-message-area .bbarea {
	display: none;
}
#clubs .expanded.club-message-area textarea {
	height: 100px; -ms-overflow-y: auto;
}
#clubs .expanded.club-message-area textarea.comment-reply {
	height: 50px;
}
#clubs .expanded.club-message-area button {
	display: block;
}
#clubs .expanded.club-message-area label {
	display: block;
}
#clubs .expanded.club-message-area .bbarea {
	display: block;
}
#clubs .wall-message-author a {
	font-weight: bold;
}
#clubs .wall-message {
	margin: 8px 0px 16px; line-height: 18px;
}
#clubs .wall-message-add {
	padding-bottom: 0px;
}
#clubs .wall-message-ago {
	color: rgb(138, 138, 138); font-size: 11px;
}
#clubs .wall-message-right {
	width: 548px; float: left;
}
#clubs .wall-message-left {
	margin-right: 16px; float: left;
}
#clubs nav.submenu {
	margin-bottom: 8px;
}
#clubs .wall-comment-right {
	width: 480px; float: left;
}
#clubs .wall-comment-left {
	margin-right: 16px; float: left;
}
#clubs .club-wall-help {
	padding: 32px 16px; text-align: center;
}
#clubs .wall-post-message-form textarea {
	width: 606px; max-width: 606px;
}
#clubs .wall-sticky-form textarea {
	width: 606px; max-width: 606px;
}
#clubs .wall-post-comment-form textarea {
	width: 530px; font-size: 12px; max-width: 530px;
}
#clubs #club-wall-messages {
	margin-top: 1px;
}
#clubs .club-wall-comments {
	position: relative;
}
#clubs .club-wall-comments-container {
	margin-bottom: 1px;
}
#clubs .comments-info .box-content {
	padding: 6px; color: rgb(168, 168, 168); font-size: 11px; margin-bottom: 1px;
}
#clubs .comments-info .box-content a {
	font-weight: bold;
}
#clubs .club-report-message-container {
	right: 16px; display: none; position: absolute;
}
#clubs .club-report-comment-container {
	right: 16px; display: none; position: absolute;
}
#clubs .admin .club-report-message-container {
	right: 60px;
}
#clubs .admin .club-report-comment-container {
	top: 12px; right: 36px;
}
#clubs .create-club-btn {
	top: 0px; right: 0px; position: absolute;
}
#clubs .create-club-btn .icon-premium-shield {
	left: -7px; top: 4px; position: relative;
}
#clubs .clubs-list .box-content {
	margin-top: 1px; cursor: pointer;
}
#clubs .clubs-list .box-content:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
#clubs .clubs-list .friends {
	margin-top: 8px;
}
#clubs .reports a {
	display: inline-block; position: relative;
}
#clubs .club-link .emblem {
	margin-right: 16px; float: left;
}
#clubs .club-link .club-info {
	margin-right: 16px; float: left;
}
#clubs .club-link .name {
	margin: 8px 0px; font-family: Purista, sans-serif; font-size: 19px; font-style: normal; font-weight: 600;
}
#clubs .club-link .info {
	font-size: 12px;
}
#clubs #club-sticky-container {
	top: 0px; right: 0px; position: absolute;
}
#clubs .club-index .no-friends-yet {
	height: 100px; text-align: center; color: rgb(168, 168, 168); padding-top: 90px;
}
#clubs .club-index .myclubs {
	text-align: center;
}
#clubs .club-index .myclubs .box-content {
	width: 298px; height: 360px; margin-right: 1px; float: left;
}
#clubs .club-index .myclubs .box-content .name {
	margin: 10px 0px; overflow: hidden; font-family: Purista, sans-serif; font-size: 19px; font-style: normal; font-weight: 600; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 300px;
}
#clubs .club-index .myclubs .box-content .active {
	color: rgb(255, 153, 0); text-transform: uppercase; font-size: 12px; font-weight: bold; margin-top: 8px;
}
#clubs .club-index .myclubs .last.box-content {
	margin-right: 0px;
}
#clubs .club-create .form-title {
	float: left;
}
#clubs .club-create .form-value {
	float: left;
}
#clubs .club-create .form-desc {
	float: left;
}
#clubs .club-create .form-desc {
	color: rgb(168, 168, 168); line-height: 36px; margin-left: 16px;
}
#clubs .club-create .wide-input {
	padding: 10px; width: 360px; float: left;
}
#clubs .club-create .bbarea {
	clear: both;
}
#clubs .club-create textarea {
	height: 150px; max-width: 360px;
}
#clubs .club-create .box-content {
	margin-top: 1px;
}
#clubs .club-create .form-title {
	width: 200px; text-transform: uppercase; line-height: 36px; font-size: 14px; font-weight: bold;
}
#clubs .club-create .form-value .switch {
	margin-bottom: 8px;
}
#clubs .club-member-row {
	margin-bottom: 1px;
}
#clubs .club-member-row button.member-join {
	padding: 0px 11px; width: 32px;
}
#clubs .club-member-row button.member-join i.icon-join-member {
	background: url("../base/shared/icon-join.png") no-repeat 0px -10px rgba(0, 0, 0, 0); width: 10px; height: 11px; margin-top: 8px;
}
#clubs .club-member-row .club-member-info {
	padding: 0px 16px;
}
#clubs .club-member-row .club-member-info .club-member-text-row {
	line-height: 15px; margin-top: 8px;
}
#clubs .club-member-row .club-member-info .club-member-text-row .base-profile-link {
	font-weight: bold;
}
#clubs .club-member-row .club-member-info .club-member-text-row .club-member-separator {
	margin-right: 8px; margin-left: 8px;
}
#clubs .membersbox ul.new-row {
	min-height: 74px;
}
#clubs .membersbox ul.new-row li.club-member {
	margin-right: 16px;
}
#clubs .membersbox ul.new-row li:last-child.club-member {
	margin-right: 0px;
}
#clubs .membersbox ul.new-row li.club-member .club-member-level {
	text-align: center;
}
#clubs .membersbox ul:last-child.new-row {
	min-height: 60px;
}
#clubs .club-member {
	margin-right: 8px; float: left;
}
#clubs .expanded.club-member {
	margin-right: 0px; float: none;
}
#clubs .btn-close {
	background: url("../unifiedgamemanager/close.png") no-repeat 0px 0px; margin: 15px 0px 0px 20px; border: currentColor; border-image: none; width: 15px; height: 15px; box-shadow: none;
}
#clubs .emblembox {
	position: relative;
}
#clubs .emblembox .emblem-edit-hover {
	display: none;
}
#clubs .emblembox .emblem-edit-hover a {
	padding: 8px; color: whitesmoke; font-size: 11px; display: block; cursor: pointer; background-color: rgba(7, 7, 7, 0.6);
}
#clubs .emblembox .emblem-edit-hover .edit-link {
	left: 8px; top: 8px; position: absolute;
}
#clubs .emblembox .emblem-edit-hover .sync-link {
	right: 8px; bottom: 8px; position: absolute;
}
#clubs .emblembox .emblem-edit-hover:hover {
	text-decoration: underline;
}
#clubs .emblembox:hover .emblem-edit-hover {
	display: block;
}
#clubs .club-members-playing {
	text-align: center; text-transform: uppercase; line-height: 36px; font-size: 14px; margin-bottom: 16px; display: block; background-color: rgb(47, 132, 177);
}
#clubs .sync-width {
	width: 320px;
}
#clubs .npxarea {
	background: url("../clubs/club-npx.jpg"); width: 991px; height: 371px; text-align: center; font-size: 14px; margin-bottom: 16px; position: relative;
}
#clubs .npxarea h1 {
	line-height: 50px; padding-top: 100px; font-size: 46px; display: block; min-height: 150px; text-shadow: 0px 1px #000;
}
#clubs .npxarea div {
	margin: 0px auto; width: 660px; bottom: 16px; line-height: 24px;
}
#clubs .npxarea .clubs-npx-button {
	top: 0px; right: 8px; position: absolute;
}
#clubs .report-help {
	text-align: center;
}
#clubs .report-help h1 {
	margin-left: 16px;
}
#clubs .report-help p {
	color: rgb(168, 168, 168); line-height: 20px;
}
#clubs .battlereports-table .map-info {
	max-width: 550px;
}
#clubs .battlereports-table .players {
	margin-top: 8px; margin-left: 56px;
}
#clubs .battlereports-table .players span {
	margin-left: 4px;
}
#clubs .club-report {
	top: 16px; right: 16px; position: absolute;
}
#clubs .club-info {
	margin-bottom: 1px; position: relative;
}
#clubs .show-members {
	color: rgb(168, 168, 168); float: right; display: inline-block;
}
#clubs .info-icon {
	background: url("../loadout/icon-info-s.png") no-repeat 0px 0px; margin: 0px 6px; transition:opacity 0.2s ease-out; top: 30px; width: 17px; height: 17px; right: 4px; vertical-align: middle; display: inline-block; position: absolute; cursor: pointer; opacity: 0; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out;
}
#clubs .info-icon:hover {
	opacity: 1 !important;
}
#clubs .box:hover .info-icon {
	opacity: 0.4;
}
#clubs .club-wall-help {
	color: rgb(168, 168, 168); line-height: 20px;
}
#clubs .club-member-level {
	margin: 8px 0px; color: rgb(213, 221, 229); font-size: 12px;
}
#clubs .club-interact-area {
	top: 0px; right: 0px; position: absolute;
}
#clubs .max-amount-reached {
	line-height: 20px;
}
#clubs .stats {
	height: 202px; text-align: center;
}
#clubs .stats .club-rank {
	padding: 8px; font-family: Purista, sans-serif; font-size: 79px; font-style: normal; font-weight: 600;
}
#clubs .stats .club-span50 {
	width: 326px; margin-left: 0px;
}
#clubs .stats :first-child.club-span50 {
	width: 329px;
}
#clubs .stats :last-child.club-span50 {
	margin-left: 1px;
}
#clubs .stats .rankscore {
	height: 170px; position: relative;
}
#clubs .stats .rankscore #overview-rank {
	margin-top: 14px;
}
#clubs .stats .rankscore #overview-rank .progress-bar-info {
	font-size: 12px;
}
#clubs .stats .rankscore .value {
	padding-top: 60px; font-size: 34px;
}
#clubs .stats .title {
	color: rgb(168, 168, 168); text-transform: uppercase; font-size: 12px; margin-bottom: 6px; white-space: nowrap;
}
#clubs .stats .value {
	font-size: 14px;
}
#clubs .stats .score {
	height: 105px;
}
#clubs .stats .score .value {
	padding-top: 26px; font-family: Purista, sans-serif; font-size: 34px; font-style: normal; font-weight: 600;
}
#clubs .stats .right-area {
	position: relative;
}
#clubs .stats .right-area .box-content {
	margin-left: 0px;
}
#clubs .stats .club-span1 {
	width: 108px; margin-top: 1px; margin-right: 1px; margin-left: 0px; position: relative;
}
#clubs .stats :last-child.club-span1 {
	margin-right: 0px;
}
#clubs .club-link {
	margin-bottom: 6px; display: block;
}
#clubs .club-link:hover {
	text-decoration: none;
}
#clubs .club-link:hover .name {
	text-decoration: underline;
}
#clubs .club-link .ui-emblem {
	margin-right: 6px; display: inline;
}
#clubs .wallmessage {
	position: relative;
}
#clubs .wallcomment {
	position: relative;
}
#clubs .wallsticky {
	position: relative;
}
#clubs .leader.wallmessage {
	box-shadow: 0px 0px 5px white;
}
#clubs .leader.wallcomment {
	box-shadow: 0px 0px 5px white;
}
#clubs .leader.wallsticky {
	box-shadow: 0px 0px 5px white;
}
#clubs .wallmessage:hover .club-delete {
	display: block;
}
#clubs .wallcomment:hover .club-delete {
	display: block;
}
#clubs .wallsticky:hover .club-delete {
	display: block;
}
#clubs .wallmessage {
	margin-bottom: 1px;
}
#clubs .wallmessage .sticky {
	background: url("../clubs/sticky.png"); top: 0px; width: 15px; height: 16px; right: 20px; position: absolute;
}
#clubs .wallmessage .add-sticky {
	display: none; cursor: pointer;
}
#clubs .wallmessage .remove-sticky {
	cursor: pointer;
}
#clubs .wallmessage:hover .add-sticky {
	display: block;
}
#clubs .wallmessage:hover .message-interact {
	display: block;
}
#clubs .wallmessage:hover .club-report-message-container {
	display: block;
}
#clubs .wall-message-container {
	position: relative;
}
#clubs .wall-likes {
	margin-top: 16px; margin-bottom: 1px;
}
#clubs .wall-likes .box-content {
	padding: 4px 5px; color: rgb(168, 168, 168); font-size: 11px;
}
#clubs .wall-likes .box-content .base-profile-link {
	font-weight: bold;
}
#clubs .wall-likes .box-content a {
	cursor: pointer;
}
#clubs .message-interact {
	right: 0px; bottom: 0px; display: none; position: absolute;
}
#clubs .message-interact .interact-item {
	padding: 4px 0px; border: 1px solid rgba(255, 255, 255, 0.15); border-image: none; margin-left: 3px; display: inline;
}
#clubs .message-interact .interact-item a {
	padding: 0px 8px; color: white; font-size: 12px; font-weight: normal; display: inline-block; cursor: pointer;
}
#clubs .message-interact .interact-item a.hide {
	display: none;
}
#clubs .message-interact .interact-item a i.icon {
	background: url("../feed/feed-icons.png"); top: 3px; width: 15px; height: 15px; margin-right: 4px; display: inline-block; position: relative;
}
@media not all, not all
{
#clubs .message-interact .interact-item a i.icon {
	background-image: url("../feed/feed-icons@2x.png"); background-size: 45px 15px;
}
}
#clubs .message-interact .interact-item a i.comment.icon {
	background-position: 30px 0px;
}
#clubs .message-interact .interact-item a i.hooah.icon {
	background-position: 15px 0px;
}
#clubs .message-interact .interact-item a i.share.icon {
	background-position: 0px 0px;
}
#clubs .message-interact .interact-item a span.icon {
	background: url("../base/shared/row_icon_chat_light.png") no-repeat right -26px; margin: 0px -4px -2px 4px; width: 13px; height: 13px; display: inline-block;
}
#clubs .message-interact .interact-item a:hover span.icon {
	background-position: right -39px;
}
#clubs .wallcomment {
	color: rgb(168, 168, 168); line-height: 18px; clear: both; font-size: 12px; margin-bottom: 1px;
}
#clubs .wallcomment .box-content {
	padding: 8px;
}
#clubs .wallcomment:hover .club-report-comment-container {
	display: block;
}
#clubs .wallcomment .wall-comment-content {
	padding-right: 50px;
}
#clubs .wallcomment .new-indicator {
	border-width: 0px 10px 10px 0px; border-style: solid; border-color: transparent rgb(255, 153, 0) transparent transparent; top: 0px; width: 0px; height: 0px; right: 0px; position: absolute; -webkit-transition-property: opacity; -webkit-transition: 0.2s ease-out;
}
#clubs .presentation {
	margin: 1px 0px; line-height: 20px;
}
#clubs .presentation .preswrapper {
	overflow: hidden; max-height: 120px;
}
#clubs .presentation .view-more-btn {
	display: none;
}
#clubs .minified.presentation .view-more-btn {
	display: block;
}
#clubs .minified.presentation .view-more-btn a {
	color: rgb(168, 168, 168); cursor: pointer;
}
#clubs .expanded.presentation .preswrapper {
	overflow: auto; max-height: none;
}
#clubs #clubs-battlereports {
	position: relative; min-height: 480px;
}
#clubs .club-server-row .club-server .club-server-content {
	padding: 16px; margin-bottom: 1px; position: relative; background-color: rgba(0, 0, 0, 0.2);
}
#clubs .club-server-row .club-server .club-server-content .club-server-join {
	right: 16px; bottom: 16px; position: absolute; z-index: 1;
}
#clubs .club-server-row .club-server .club-server-content .club-server-join .club-server-slots {
	bottom: -2px; color: rgb(255, 255, 255); text-transform: lowercase; line-height: 32px; font-family: Purista, sans-serif; font-size: 18px; font-weight: 600; margin-right: 8px; display: inline-block; position: relative;
}
#clubs .club-server-row .club-server .club-server-content .club-server-map-icon {
	margin-right: 16px; float: left;
}
#clubs .club-server-row .club-server .club-server-content .club-server-map-icon img {
	display: block;
}
#clubs .club-server-row .club-server .club-server-content .club-server-desc a {
	color: rgb(138, 138, 138);
}
#clubs .club-server-row .club-server .club-server-content .club-server-desc .name {
	line-height: 16px; font-size: 14px;
}
#clubs .club-server-row .club-server .club-server-content .club-server-desc .mapmode {
	color: rgb(168, 168, 168); font-size: 11px; margin-top: 3px;
}
#clubs .club-server-row .club-server .club-server-content .club-server-desc .ping {
	margin-left: 3px;
}
#clubs .club-server-row .club-server .club-server-content .club-server-desc .gameicon {
	vertical-align: bottom;
}
#clubs .club-server-row .club-server .club-server-content .club-server-friends {
	left: 179px; bottom: 16px; position: absolute;
}
#clubs .club-server-row .club-server .club-server-content .club-server-friends .avatars {
	padding: 0px;
}
#clubs .club-server-row .expanded.club-server {
	padding-top: 200px;
}
#clubs .club-server-row .expanded.club-server .club-server-content {
	background-color: rgba(0, 0, 0, 0.7);
}
#clubs .last.club-server-row .club-server-content {
	margin-bottom: 0px;
}
#clubs .empty-servers {
	text-align: center;
}
#clubs .empty-servers p {
	color: rgb(168, 168, 168); line-height: 20px; margin-bottom: 32px;
}
#clubs .big-box {
	padding-top: 100px; padding-bottom: 100px;
}
#clubs-dialogsoldiers {
	width: 528px;
}
#clubs-dialogsoldiers tr {
	background: rgb(32, 32, 38); cursor: pointer; opacity: 0.5;
}
#clubs-dialogsoldiers tr td {
	color: rgb(255, 255, 255); background-image: none;
}
#clubs-dialogsoldiers tr.active {
	background: rgb(238, 238, 238); opacity: 1;
}
#clubs-dialogsoldiers tr.active td {
	color: rgb(42, 59, 68);
}
aside.clubs .box ul.report-stats {
	width: 100%; font-size: 12px; display: table;
}
aside.clubs .box ul.report-stats li {
	display: table-row;
}
aside.clubs .box ul.report-stats li span {
	padding: 8px 0px 0px; text-align: left; display: table-cell;
}
aside.clubs .box ul.report-stats li span:first-child {
	width: 30%; color: rgb(168, 168, 168);
}
aside.clubs .box ul.avatars {
	padding: 0px; margin-left: -7px;
}
aside.clubs .box ul.avatars li {
	margin-left: 6px; display: block; min-height: 42px;
}
aside.clubs footer {
	padding: 0px;
}
aside.clubs footer a {
	text-decoration: none; display: block;
}
aside.clubs footer:hover {
	background-color: rgba(7, 7, 7, 0.6);
}
#clubs-dialogrank tr.current td {
	color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);
}
.clubmember-dropdown-container {
	position: relative;
}
.clubmember-dropdown-container .clubmember-dropdown {
	background: url("../common/report.png"); padding: 0px; width: 14px; height: 14px; position: relative; z-index: 10; cursor: pointer;
}
.clubmember-dropdown-container .cogwheel.clubmember-dropdown {
	background: url("../ui/icons-small.png") no-repeat -14px -42px;
}
.clubmember-dropdown-container .bright.clubmember-dropdown {
	background-position: 0px 28px;
}
.active.clubmember-dropdown-container .cogwheel.clubmember-dropdown {
	background-position: -14px -42px;
}
.clubmember-dropdown-container:hover .cogwheel.clubmember-dropdown {
	background-position: -28px -42px;
}
.clubmember-dropdown-dropdown {
	border: 1px solid rgb(170, 170, 170); border-image: none; left: -183px; top: 14px; width: 195px; display: none; position: absolute; z-index: 100; min-height: 25px; background-color: white;
}
.active.clubmember-dropdown-container .clubmember-dropdown-dropdown {
	display: block;
}
.clubmember-dropdown-dropdown li {
	border-bottom-color: rgb(235, 235, 235); border-bottom-width: 1px; border-bottom-style: solid;
}
.clubmember-dropdown-dropdown .ajax-loader {
	left: 50%; top: 50%; width: 16px; margin-top: -8px; margin-left: -8px; position: absolute;
}
.clubmember-dropdown-dropdown li > a {
	padding: 0px 10px; width: 100%; height: 25px; color: rgb(0, 0, 0); line-height: 25px; font-family: Arial; font-size: 11px; display: block; cursor: pointer; box-sizing: border-box;
}
h1.mission-overviewstats-empty {
	text-align: center;
}
.missions-loggedout.loggedout-usp-container {
	overflow: visible;
}
.missions-loggedout.loggedout-usp-container .missions.usp {
	background: none; margin-top: 0px; margin-bottom: 0px;
}
.missions-loggedout.loggedout-usp-container .footer.usp {
	padding-bottom: 44px;
}
.create-mission-info {
	padding: 6px 12px; line-height: 18px; font-size: 12px;
}
.create-mission-info a {
	text-decoration: underline;
}
#missions-overview {
	font-family: Purista, sans-serif; position: relative;
}
#missions-overview #no-results {
	text-align: center;
}
#missions-overview .mission-tight {
	margin-top: 8px;
}
#missions-overview .challenge-element {
	position: relative; cursor: pointer;
}
#missions-overview .challenge-element .thumb {
	padding: 3px 0px; width: 55px; text-align: center; float: left;
}
#missions-overview .challenge-element .thumb img {
	width: 40px; height: 40px;
}
#missions-overview .challenge-selected.challenge-element {
	color: black; box-shadow: 0px 0px 7px 0px #e0f4f8; background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%); background-color: white;
}
#missions-overview .challenge-selected.challenge-element .info .challenge-type {
	font-weight: bold;
}
#missions-overview .challenge-element .info {
	line-height: 18px; padding-top: 6px; float: left;
}
#missions-overview .challenge-element .info .challenge-type {
	text-transform: uppercase;
}
#missions-overview .challenge-element .info .challenge-info {
	color: rgb(168, 168, 168); font-family: Arial, sans-serif; font-size: 12px;
}
#missions-overview .challenge-element .users {
	padding: 6px; float: right;
}
#missions-overview .challenge-element .users .avatar {
	margin-left: 2px; float: left; display: block;
}
#missions-overview .challenge-element a {
	position: relative; z-index: 2;
}
#missions-overview .challenge-element a.hover-wrapper {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1;
}
#missions-overview .mission-create-button {
	margin-left: 16px;
}
#missions-overview .missions-details .box-content {
	position: relative;
}
#missions-overview .missions-details .thumb {
	width: 158px; float: left;
}
#missions-overview .missions-details .header {
	margin-left: 164px;
}
#missions-overview .missions-details .header h1 {
	margin: 0px; text-transform: uppercase; line-height: 28px; font-size: 26px;
}
#missions-overview .missions-details .header h2 {
	line-height: 18px; font-size: 16px; font-weight: 200; margin-top: 8px; margin-bottom: 0px;
}
#missions-overview .missions-details .invite-response-buttons {
	left: 180px; bottom: 16px; position: absolute;
}
#missions-overview .missions-details .invite-response-buttons button + button {
	margin-left: 3px;
}
#missions-overview .missions-details .comments .writecomment form {
	padding-bottom: 24px;
}
#missions-overview .missions-details .comments .writecomment form textarea {
	font-family: Arial, sans-serif; font-size: 12px; font-style: normal; resize: none;
}
#missions-overview .missions-details .comments .writecomment form .submit-missioncomment {
	margin-top: 4px; float: right; position: relative;
}
#missions-overview .missions-details .comments .writecomment #message {
	width: 470px; height: 40px;
}
#missions-overview .missions-details .comments .writecomment .disabled#message {
	color: rgb(85, 85, 85);
}
#missions-overview .missions-details .comments .viewmore {
	margin-top: 5px; float: right; cursor: pointer;
}
#missions-overview .missions-details .comments .comment {
	background: rgba(7, 7, 7, 0.5); font-family: arial; font-size: 12px; margin-left: 0px;
}
#missions-overview .missions-details .comments .comment .gravatar {
	margin: 5px; float: left;
}
#missions-overview .missions-details .comments .comment .msgbox {
	margin: 5px 5px 8px 52px;
}
#missions-overview .missions-details .comments .comment .msgbox .username {
	margin-bottom: 4px;
}
#missions-overview .missions-details .comments .comment .msgbox .message {
	color: rgb(170, 170, 170);
}
#missions-overview .missions-details .comments .comment .ago {
	color: rgb(170, 170, 170); font-family: Arial; font-size: 11px; margin-bottom: 5px; margin-left: 52px;
}
#missions-overview .details-info {
	margin-top: 1px;
}
#missions-overview .details-info .span2 {
	background: rgba(7, 7, 7, 0.5); padding: 8px; text-transform: uppercase; margin-bottom: 1px;
}
#missions-overview .details-info .span4 {
	background: rgba(7, 7, 7, 0.5); padding: 8px; text-transform: uppercase; margin-bottom: 1px;
}
#missions-overview .details-info .span2 {
	overflow: hidden; margin-left: 0px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#missions-overview .details-info .span4 {
	width: 335px; margin-left: 1px;
}
#missions-overview .progress-bar-inner {
	text-indent: 4px;
}
#missions-overview .players .mission-row {
	background: rgba(7, 7, 7, 0.5); text-transform: uppercase; margin-bottom: 1px;
}
#missions-overview .players .mission-row .player {
	height: 48px; line-height: 28px;
}
#missions-overview .players .mission-row .position {
	padding: 10px; width: 49px; text-align: center; float: left;
}
#missions-overview .players .active.mission-row {
	background: rgb(204, 204, 204);
}
#missions-overview .players .mission-row .member-avatar a {
	width: 40px; height: 40px; margin-top: 4px; float: left;
}
#missions-overview .players .mission-row .username {
	width: 160px; text-transform: none; overflow: hidden; padding-left: 10px; font-family: arial; font-size: 12px; font-weight: bold; margin-top: 11px; float: left;
}
#missions-overview .players .mission-row .played-rounds {
	padding: 10px; width: 65px; color: rgb(128, 128, 128); float: left;
}
#missions-overview .players .mission-row .played-rounds .dots > li {
	border: 1px solid rgb(113, 113, 113); border-image: none; width: 7px; height: 7px; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box;
}
#missions-overview .players .mission-row .played-rounds .dots > li.active {
	background: rgb(255, 255, 255); border: currentColor; border-image: none;
}
#missions-overview .players .mission-row .score {
	width: 105px; text-align: right; line-height: 50px; font-family: Purista, arial; font-size: 26px; margin-right: 8px; float: left;
}
#missions-create .mission-tight {
	margin-top: 8px;
}
#missions-create #mission-description {
	font-family: Purista, arial; font-size: 17px;
}
#missions-create #map-description {
	font-family: Purista, arial; font-size: 17px;
}
#missions-create #attempts-description {
	font-family: Purista, arial; font-size: 17px;
}
#missions-create .selectmission {
	padding: 0px 10px; height: 23px; margin-bottom: 1px; display: inline-block;
}
#missions-create .selectmap {
	padding: 0px 10px; height: 23px; margin-bottom: 1px; display: inline-block;
}
#missions-create .numrounds {
	padding: 0px 10px; height: 23px; margin-bottom: 1px; display: inline-block;
}
#missions-create .invitefriends {
	padding: 0px 10px; height: 23px; margin-bottom: 1px; display: inline-block;
}
#missions-create .subheader {
	text-transform: uppercase; font-family: Purista, arial; font-size: 19px;
}
#missions-create .scroll-container .scrollable {
	background: none; border: 1px solid rgba(7, 7, 7, 0.5); border-image: none; height: 169px;
}
#missions-create .scroll-container .scrollable .imagebox {
	background: rgba(7, 7, 7, 0.5); margin-bottom: 1px;
}
#missions-create .scroll-container .scrollable img {
	padding: 4px 0px;
}
#missions-create .scroll-container .scrollable .title {
	background: rgba(7, 7, 7, 0.5); line-height: 30px; overflow: hidden; font-family: Purista, arial; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#missions-create .scroll-container .selected.scrollable {
	border: 1px solid rgb(255, 255, 255); border-image: none;
}
#missions-create .scroll-container .selected.scrollable .title {
	background: url("../challenges/boxselected.png"); font-weight: bold;
}
#missions-create .scroll-container .selected.scrollable .description {
	display: none;
}
#missions-create .disabled.scroll-left {
	cursor: default; opacity: 0.6; background-color: rgba(0, 0, 0, 0.8);
}
#missions-create .disabled.scroll-right {
	cursor: default; opacity: 0.6; background-color: rgba(0, 0, 0, 0.8);
}
#missions-create #challenge-type-select {
	height: 181px;
}
#missions-create #map-select {
	height: 118px; margin-bottom: 10px; position: relative;
}
#missions-create #map-select .scroll-left {
	line-height: 144px;
}
#missions-create #map-select .scroll-right {
	line-height: 144px;
}
#missions-create #map-select .scrollables .scrollable {
	height: 106px; overflow: visible;
}
#missions-create #map-select .scrollables .scrollable .title {
	line-height: 28px;
}
#missions-create #map-select .scrollables :not(.selected).scrollable:hover {
	background-color: rgba(0, 0, 0, 0.35);
}
#missions-create #map-select .scrollables .scrollable .thumb {
	height: 78px; position: relative;
}
#missions-create #map-select .scrollables .scrollable .thumb img {
	padding: 0px; height: 77px;
}
#missions-create #map-select .scrollables .scrollable .thumb .xp-icon {
	right: 2px; bottom: 3px; position: absolute;
}
#missions-create #rounds-select > div {
	margin-left: 0px;
}
#missions-create #rounds-select > div ul li {
	
}
#missions-create #rounds-select > div ul li a {
	font-size: 16px; background-color: rgba(7, 7, 7, 0.5);
}
#missions-create #rounds-select > div ul li.active a {
	background-color: rgb(255, 255, 255);
}
#missions-create #friend-select {
	margin-bottom: 20px;
}
#missions-create #friend-select .friend-box {
	background: rgba(0, 0, 0, 0.5); width: 96px; height: 96px; text-align: center; font-size: 80px; margin-right: 2px; margin-bottom: 2px; float: left; position: relative;
}
#missions-create #friend-select .friend-box .box-delete-hover {
	display: none;
}
#missions-create #friend-select .friend-box:hover .box-delete-hover {
	background: rgba(0, 0, 0, 0.7); width: 16px; height: 16px; right: 0px; color: rgb(255, 255, 255); line-height: 16px; font-size: 14px; font-weight: bold; float: right; display: block; position: absolute; cursor: pointer;
}
#missions-create #friend-select .friend-box .large.avatar {
	width: 96px; height: 96px;
}
#missions-create #friend-select .invite-friend.friend-box::after {
	line-height: 100px; content: "+";
}
#missions-create #friend-select .invite-friend.friend-box {
	cursor: pointer;
}
#missions-create #friend-select .invite-friend.friend-box:hover {
	background-color: rgba(0, 0, 0, 0.35);
}
#missions-create a.cancel {
	text-transform: uppercase; font-family: Arial; font-size: 12px; margin-left: 8px;
}
#friend-invite-popup {
	padding: 1px; max-height: 300px; background-color: rgb(34, 34, 34);
}
#friend-invite-popup .jspTrack {
	background: rgba(0, 0, 0, 0.5);
}
#friend-invite-popup .jspDrag {
	background: rgb(204, 204, 204);
}
#friend-invite-popup .friend-row {
	height: 36px; color: rgb(102, 102, 102); overflow: hidden; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer;
}
#friend-invite-popup .friend-row:hover {
	background: rgba(255, 255, 255, 0.5); color: rgb(0, 0, 0) !important;
}
#friend-invite-popup .friend-row-online.friend-row {
	color: rgb(200, 200, 200);
}
#friend-invite-popup .selected.friend-row {
	background: rgb(238, 238, 238); color: rgb(0, 0, 0);
}
#friend-invite-popup :last-child.friend-row {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
#friend-invite-popup .friend-row .friend-avatar {
	margin: 3px; padding-right: 10px; float: left;
}
#friend-invite-popup .friend-row .friend-avatar img {
	width: 30px; height: 30px;
}
#friend-invite-popup .friend-row .friend-name {
	line-height: 35px; font-size: 13px; float: left;
}
#missions-top-boxes .dogtags-header h1.dogtags-dimmed {
	opacity: 0.2;
}
#missions-top-boxes .box-content {
	height: 33px; position: relative;
}
#missions-top-boxes .box-content h1 {
	line-height: 34px; margin-bottom: 0px;
}
#missions-top-boxes .box-content h1 .secondary {
	color: rgb(168, 168, 168);
}
#missions-top-boxes .box-content h2 {
	line-height: 12px; font-size: 16px; margin-left: 50px;
}
#missions-top-boxes .box-content h3 {
	line-height: 12px; font-size: 16px; margin-left: 50px;
}
#missions-top-boxes .box-content h3 {
	font-weight: 400;
}
#missions-top-boxes .box-content .thumb {
	left: 8px; top: 7px; position: absolute;
}
#missions-top-boxes .box-content .thumb img {
	width: 50px; height: 50px;
}
#missions-top-boxes .box-content .nemesis-score {
	left: 16px; top: 6px; position: absolute;
}
#missions-top-boxes .box-content .nemesis-score h1 {
	line-height: 22px; font-size: 30px;
}
#missions-top-boxes .box-content .nemesis-user {
	left: 16px; top: 32px; position: absolute;
}
#missions-top-boxes .box-content .nemesis-user .username {
	overflow: hidden; font-size: 13px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.score span.win {
	color: rgb(148, 205, 243);
}
.score span.loss {
	color: rgb(255, 159, 128);
}
#missions-top5-nemesis .box-content {
	height: 146px; position: relative;
}
#missions-top5-nemesis .box-content > div {
	height: 88px;
}
#missions-top5-nemesis .avatar {
	top: 36px; right: 15px; position: absolute;
}
#missions-top5-nemesis p {
	line-height: 16px; font-size: 13px;
}
#missions-top5-nemesis p.gray {
	color: rgb(168, 168, 168);
}
#missions-top5-nemesis h6 {
	width: 166px; overflow: hidden; font-weight: normal; margin-top: -6px; margin-bottom: 2px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#missions-top5-nemesis h1 {
	width: 100px; line-height: 26px; font-size: 30px; font-weight: 400;
}
#missions-dogtags {
	font-size: 16px;
}
#missions-dogtags .dogtags {
	overflow: hidden; position: relative; -ms-text-overflow: ellipsis;
}
#missions-dogtags .midtag {
	text-align: center;
}
#missions-dogtags .cent {
	width: 110px; height: 60px;
}
#missions-dogtags .cent td {
	text-align: left; overflow: hidden; padding-left: 30px; -ms-text-overflow: ellipsis;
}
#missions-dogtags .locked .dogtags {
	opacity: 0.4;
}
#missions-dogtags .progress-bar {
	margin-bottom: 0px;
}
#platoons-menu {
	margin-top: 1px; margin-bottom: 16px;
}
#platoons-friendsplatoons-box {
	margin-top: 16px;
}
#platoons-findplatoons-box {
	margin-top: 16px;
}
.platoon-invite-body-user {
	padding-right: 20px; float: left;
}
.platoon-invite-body-user-checkbox {
	float: left;
}
.platoon-member-invites-invited {
	width: 50%; float: left;
}
.platoon-member-invites-waiting {
	width: 50%; float: right;
}
.platoons-leave-link {
	cursor: pointer;
}
.platoons-top-info {
	width: 50%; float: left;
}
.platoons-top-actions {
	width: 50%; float: right;
}
.platoon-top-actions-button {
	float: right;
}
.box > header + .platoons-invites-list-wrapper.box-content {
	padding-bottom: 6px;
}
body.base-premium #profile-user .soldier-name .common-gameicon-hori {
	margin-right: 3px; float: left;
}
i.premium-badge.icon {
	background: url("../premium/icon-p-s.png") no-repeat; width: 14px; height: 14px; display: inline-block;
}
.base-avatar-container .base-avatar-premium-overlay-supersize2 {
	background: url("../premium/avatar-premium-corner-supersize-topleft.png") no-repeat 0px 0px; left: 0px; top: 0px; width: 66px; height: 66px; position: absolute; z-index: 50;
}
.base-avatar-container .base-avatar-premium-overlay-large {
	background: url("../premium/avatar-premium-corner-large.png") no-repeat 0px 0px; top: 0px; width: 21px; height: 21px; right: 0px; position: absolute; z-index: 50;
}
.premium.forum-forumlist {
	border-left-color: rgb(255, 193, 127); border-left-width: 4px; border-left-style: solid;
}
.posts-premium.devblog-item {
	background: url("../premium/avatar-premium-corner-supersize2.png") no-repeat 100% 0px; min-height: 66px;
}
.devblog-postlistsmall .posts-premium a {
	background: url("../premium/icon-p-s.png") no-repeat 0px 1px; padding-left: 21px; display: inline-block;
}
.about-loggedin-header-puff-info-premium {
	margin: 20px auto; padding: 5px; width: 268px; color: rgb(255, 255, 255); line-height: 2; font-size: 11px;
}
label.premium-label {
	background: url("../premium/icon-p-s.png") no-repeat 100% 100%; padding-right: 8px;
}
.premium-calendar-container {
	position: relative;
}
.premium-calendar-container .calendar-progress {
	left: 0px; top: 146px; height: 24px; position: absolute; background-color: rgba(7, 7, 7, 0.7);
}
.premium-calendar-container .calendar-progress .progress {
	height: 24px; border-right-color: rgba(255, 153, 0, 0.2); border-right-width: 1px; border-right-style: solid; max-width: 100%; background-image: url("../premium/calender-overlay.png");
}
.premium-calendar {
	border: 0px currentColor; border-image: none; width: 100%; color: white; font-size: 18px; font-weight: normal; margin-bottom: 30px; border-collapse: collapse;
}
.premium-calendar-unavailable {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 100;
}
.premium-calendar-unavailable-background {
	background: rgb(0, 0, 0); width: 100%; height: 100%; position: absolute; opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7;
}
.premium-calendar-unavailable-message {
	top: 200px; width: 100%; height: 100%; text-align: center; color: rgb(255, 255, 255); position: absolute;
}
.premium-calendar-head .premium-calendar-cell {
	background: -ms-linear-gradient(bottom, rgb(73, 73, 74) 38%, rgb(91, 91, 92) 69%) rgb(81, 81, 82); height: 27px; text-transform: uppercase; line-height: 27px; font-family: Tahoma, Arial, sans-serif; font-size: 11px;
}
.premium-calendar-body .premium-calendar-cell {
	background: rgb(33, 33, 33); height: 64px;
}
.premium-calendar-body .new-premium-calendar-expansion .premium-calendar-cell-inner {
	height: 142px;
}
.premium-calendar-body .premium-calendar-cell-inner {
	background: rgb(66, 49, 29); border: 1px solid rgb(197, 113, 14); border-image: none; height: 62px; visibility: hidden; position: relative;
}
.premium-calendar-body .valued.premium-calendar-cell:hover {
	background: rgb(91, 91, 92);
}
.premium-calendar-body .valued.premium-calendar-cell:hover .premium-calendar-cell-inner {
	visibility: visible;
}
.premium-calendar-cell-icon {
	background: url("../premium/calendar-icons.png") no-repeat; margin: -29px 0px 0px -28px; left: 50%; top: 50%; width: 54px; height: 59px; visibility: hidden; position: absolute; z-index: 1; cursor: pointer;
}
.valued .premium-calendar-cell-icon {
	visibility: visible;
}
.premium-calendar-typecell-head {
	background: rgb(0, 0, 0);
}
.premium-calendar-cell {
	border: 0px currentColor; border-image: none; width: 64px;
}
.premium-calendar-body .premium-calendar-typecell {
	background: rgb(53, 53, 53); width: 165px; text-align: left; text-transform: uppercase; line-height: 17px; padding-right: 10px; padding-left: 10px; font-family: Arial; font-size: 14px; font-weight: bold; vertical-align: middle;
}
.premium-calendar-type0 .premium-calendar-cell-icon {
	background-position: 0px 0px;
}
.premium-calendar-type1 .premium-calendar-cell-icon {
	background-position: -54px 0px;
}
.premium-calendar-type2 .premium-calendar-cell-icon {
	background-position: -108px 0px;
}
.premium-calendar-type3 .premium-calendar-cell-icon {
	background-position: -162px 0px;
}
.premium-calendar-type4 .premium-calendar-cell-icon {
	background-position: -216px 0px;
}
.premium-calendar-type5 .premium-calendar-cell-icon {
	background-position: -324px 0px;
}
.premium-calendar-type0 .multiple.premium-calendar-cell .premium-calendar-cell-icon {
	background-position: 0px -59px;
}
.premium-calendar-type1 .multiple.premium-calendar-cell .premium-calendar-cell-icon {
	background-position: -54px -59px;
}
.premium-calendar-type2 .multiple.premium-calendar-cell .premium-calendar-cell-icon {
	background-position: -108px -59px;
}
.premium-calendar-type3 .multiple.premium-calendar-cell .premium-calendar-cell-icon {
	background-position: -162px -59px;
}
.premium-calendar-type4 .multiple.premium-calendar-cell .premium-calendar-cell-icon {
	background-position: -216px -59px;
}
.premium-calendar-type5 .multiple.premium-calendar-cell .premium-calendar-cell-icon {
	background-position: -324px -59px;
}
.premium-calendar-item-type {
	color: rgb(255, 255, 255);
}
.premium-calendar-item-link {
	margin-top: 1em;
}
.premium-calendar-item-link a {
	color: rgb(58, 173, 227); font-size: 14px; font-weight: normal;
}
.premium-calendar-hover {
	background: rgb(0, 0, 0); padding: 10px; border-radius: 5px; left: 100%; width: 250px; text-align: left; bottom: 39px; color: rgb(255, 255, 255); text-transform: none; font-family: Arial; font-size: 11px; display: none; position: absolute; z-index: 2; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.premium-calendar-hover .premium-calendar-item-andmore {
	text-align: right; margin-top: 5px;
}
.premium-calendar-hover .premium-calendar-item-image {
	width: 56px; height: 90px; margin-right: 10px; float: left;
}
.premium-calendar-hover .premium-calendar-item-title {
	line-height: 24px; font-size: 19px; font-weight: 600; margin-bottom: 0px;
}
.premium-calendar-hover .premium-calendar-item-subtitle {
	margin: 0px; line-height: 26px; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal;
}
.premium-calendar-hover .premium-calendar-item-content {
	color: rgb(171, 171, 171); line-height: 14px;
}
.rightside.premium-calendar-cell .premium-calendar-hover {
	left: auto; right: 100%;
}
.valued.premium-calendar-cell:hover .premium-calendar-hover {
	display: block;
}
.premium-calendar-hover-arrow {
	width: 0px; height: 0px; bottom: 10px; border-top-color: transparent; border-bottom-color: transparent; border-top-width: 5px; border-bottom-width: 5px; border-top-style: solid; border-bottom-style: solid; position: absolute;
}
.rightside.premium-featured-item .premium-calendar-hover {
	margin-right: -10px;
}
.rightside.premium-calendar-cell .premium-calendar-hover {
	margin-right: -10px;
}
.rightside.premium-featured-item .premium-calendar-hover-arrow {
	right: -5px; border-left-color: rgb(0, 0, 0); border-left-width: 5px; border-left-style: solid;
}
.rightside.premium-calendar-cell .premium-calendar-hover-arrow {
	right: -5px; border-left-color: rgb(0, 0, 0); border-left-width: 5px; border-left-style: solid;
}
.leftside.premium-featured-item .premium-calendar-hover {
	margin-left: -10px;
}
.leftside.premium-calendar-cell .premium-calendar-hover {
	margin-left: -10px;
}
.leftside.premium-featured-item .premium-calendar-hover-arrow {
	left: -5px; border-right-color: rgb(0, 0, 0); border-right-width: 5px; border-right-style: solid;
}
.leftside.premium-calendar-cell .premium-calendar-hover-arrow {
	left: -5px; border-right-color: rgb(0, 0, 0); border-right-width: 5px; border-right-style: solid;
}
.premium-calendar-popup-container {
	background: rgb(53, 53, 53); border: 1px solid rgb(93, 93, 93); border-image: none; width: 800px !important; box-shadow: 0px 5px 15px rgba(23,23,23,0.5);
}
.premium-calendar-popup-container .common-popup-content-container {
	margin-bottom: 10px;
}
.premium-calendar-popup {
	background: rgb(53, 53, 53); margin: 0px 5px; padding: 0px 20px !important; width: 755px; overflow: auto; max-height: 500px;
}
.premium-calendar-popup .premium-calendar-item-image {
	width: 187px; height: 300px; margin-left: 10px; float: right;
}
.premium-calendar-popup .premium-calendar-item-body {
	color: rgb(153, 153, 153); font-family: Arial; font-size: 14px;
}
.premium-calendar-popup .premium-calendar-item-type {
	margin: 0px 0px 10px; text-transform: uppercase; font-weight: bold;
}
.premium-calendar-popup .premium-calendar-item-title {
	color: rgb(248, 134, 19); font-size: 35px; font-weight: normal;
}
.premium-calendar-popup .premium-calendar-item-subtitle {
	margin: 8px 0px 12px; font-weight: normal;
}
.premium-calendar-popup .premium-calendar-item-content {
	width: 550px; color: rgb(255, 255, 255); line-height: 18px; font-size: 14px;
}
.premium-calendar-popup .premium-calendar-item-content p {
	margin: 10px 0px;
}
.premium-calendar-popup .premium-calendar-item-content ul {
	list-style: inside; margin: 10px 0px;
}
.premium-calendar-popup-switchbutton {
	margin-right: 5px; float: left;
}
.premium-calendar-popup-closebutton {
	float: right;
}
.premium-calendar-footer {
	background: rgb(53, 53, 53);
}
.premium-calendar-popup-container .common-popup-footer-container {
	display: none;
}
.premium-calendar-popup-container .common-popup-title-container {
	background: rgb(53, 53, 53) !important; height: 32px;
}
.premium-calendar-popup-container .common-popup-title-container .common-popup-close-container {
	top: 0px !important; right: 0px !important;
}
.premium-calendar-progress-container {
	left: 0px; top: 29px; width: 100%; height: 389px; position: absolute;
}
.premium-calendar-progress-padder {
	height: 100%; padding-left: 183px;
}
.premium-calendar-progress {
	background: url("../premium/premium-calendar-progress-highlight.png"); height: 100%; border-right-color: rgb(150, 93, 35); border-right-width: 1px; border-right-style: solid;
}
.premium-index-box {
	border: 0px currentColor; border-image: none;
}
.premium-index-box div.buy-buttons {
	margin: 30px auto 0px; width: 320px; text-align: left; position: relative;
}
.premium-index-box button[disabled='disabled'] a {
	color: gray; text-decoration: none; cursor: default; text-shadow: none;
}
.premium-index-box div.buy-buttons button p {
	margin: 0px !important; color: rgb(0, 0, 0) !important;
}
.premium-index-box div.buy-buttons button[disabled] p {
	color: rgb(195, 195, 195) !important;
}
.premium-index-box div.buy-buttons span.platform {
	bottom: -2px; position: relative;
}
.premium-index-box div.buy-buttons span.action {
	bottom: -2px; position: relative;
}
.premium-index-box div.buy-buttons button.common-button-xlarge {
	width: 100%; display: block;
}
.premium-index-box div.buy-buttons .common-button-xlarge span.platform {
	margin: 0px 0px 0px 5px; line-height: 1; float: right;
}
.premium-index-box div.buy-buttons .common-button-xlarge span.platform span.common-title {
	padding: 0px; line-height: 55px; font-size: 22px !important;
}
.premium-index-box div.buy-buttons .common-button-xlarge span.action {
	line-height: 1; float: left;
}
.premium-index-box div.buy-buttons .common-button-xlarge span.action span.common-title {
	line-height: 55px; font-size: 32px; font-weight: normal;
}
.premium-index-wrapper {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/bg-page-p2-4309b1e0.jpg") no-repeat rgb(0, 0, 0); padding: 0px 100px;
}
.premium-index-wrapper-bottom {
	background: rgb(255, 255, 255); padding-bottom: 20px;
}
.premium-index-wrapper-bottom-background {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/bg-page-p-bottom-df6df16f.jpg") no-repeat; width: 100%; height: 378px; margin-top: -62px; position: absolute; z-index: 0;
}
.premium-index-buybutton {
	margin: auto; float: none; display: block;
}
.premium-index-buybutton > img {
	left: 10px; top: 9px; position: relative;
}
.premium-index-header {
	padding: 20px 0px 0px; color: rgb(255, 255, 255); text-transform: uppercase;
}
.premium-index-header-logo {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-logo-189bfa35.png") no-repeat; margin: auto; width: 519px; height: 174px;
}
.premium-index-header-description {
	margin: 20px auto 0px; height: 23px; text-align: center; line-height: 23px; font-size: 23px;
}
.premium-index-header-divider {
	padding-bottom: 18px; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid;
}
.premium-owned .premium-index-header-divider {
	border: 0px currentColor; border-image: none;
}
.premium-index-header .premium-index-buybutton {
	margin-top: 20px; position: relative; z-index: 10;
}
.premium-index-header .premium-index-section {
	margin: 25px 0px 0px;
}
.premium-index-section .span-five-in-row {
	width: 197px; margin-top: 1px; cursor: pointer;
}
.premium-index-section .span-five-in-row:hover {
	background-color: rgba(7, 7, 7, 0.3);
}
.premium-index-section .rightmost.span-five-in-row {
	width: 200px;
}
.premium-index-section .span-five-in-row .box {
	height: 100%; position: relative;
}
.premium-index-section .span-five-in-row .box .cell-item-info {
	text-transform: uppercase; font-size: 16px; font-weight: 600;
}
.premium-index-section .span-five-in-row .box .cell-item-info .cell-item-title {
	height: 26px;
}
.premium-index-section .span-five-in-row .box .box-content {
	height: 225px;
}
.premium-index-header .premium-index-section > h1 {
	color: rgb(255, 255, 255); margin-bottom: 10px;
}
.premium-index-header-whatyouget {
	margin: 0px 0px 25px; padding: 20px 0px 0px; line-height: 28px;
}
.premium-index-header-whatyouget > h1 {
	color: white; font-size: 35px; font-weight: normal;
}
.premium-index-header-whatyouget > h2 {
	border: 0px currentColor; border-image: none; color: rgb(248, 134, 19); font-size: 23px; font-weight: normal;
}
.premium-owned.premium-index-wrapper {
	background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/bg-page-p1-aa324515.jpg");
}
.premium-owned.premium-index-wrapper .premium-index-buybutton {
	top: 15px; right: 30px; position: absolute;
}
.premium-index-header .premium-index-section-top > h1 {
	color: rgb(248, 134, 19);
}
.premium-index-header .premium-index-section-top > h2 {
	color: rgb(255, 255, 255);
}
.premium-index-header .premium-index-section-top > h1 {
	top: 5px; padding-left: 48px; position: relative;
}
.premium-index-header .premium-index-section-top > h2 {
	top: 5px; padding-left: 48px; position: relative;
}
.premium-index-section-top-icon {
	left: 19px; top: 24px; position: absolute;
}
.premium-index-expansions-boxes {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-expansions-899bd651.png") no-repeat; width: 817px; height: 300px;
}
.premium-index-expansions-boxes a.box {
	width: 155px; height: 295px; float: left;
}
.premium-index-expansion {
	margin: 15px 0px 0px 13px; width: 142px; color: rgb(137, 137, 137); text-transform: none; line-height: 20px; font-family: Arial; font-size: 12px; font-weight: normal; float: left;
}
.premium-index-expansion img {
	width: 90px; height: 150px; margin-bottom: -17px; position: relative;
}
.premium-index-expansion h1 {
	color: rgb(255, 255, 255); padding-left: 5px; font-family: Arial; font-size: 14px; font-weight: bold; margin-bottom: 5px;
}
.premium-index-expansion h2 {
	color: rgb(255, 255, 255); padding-left: 5px; font-family: Arial; font-size: 14px; font-weight: bold; margin-bottom: 5px;
}
.premium-index-expansion h2 {
	color: rgb(137, 137, 137); line-height: 10px; margin-top: -2px;
}
.premium-isexpout.premium-index-expansion h2 {
	color: rgb(255, 255, 255);
}
.premium-index-expansion ul {
	list-style: inside; left: 6px; text-align: left; position: relative;
}
.premium-index-expansions-padding {
	padding: 0px 39px;
}
.premium-index-section {
	clear: both; margin-top: 0px; position: relative; z-index: 1;
}
.premium-index-section > legend {
	width: 258px; height: 300px; float: right; background-repeat: no-repeat;
}
.premium-index-section > h1 {
	color: rgb(53, 53, 53); font-size: 43px; font-weight: normal; margin-bottom: 10px;
}
.premium-index-section > h2 {
	margin: -8px 0px 15px; color: rgb(248, 134, 19); font-size: 31px; font-weight: normal;
}
.premium-index-section > ul {
	margin-right: 280px;
}
.premium-index-section > ul > li {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-icon-feature-56172962.png") no-repeat 0px 50%; padding: 5px 5px 5px 39px; color: rgb(138, 138, 138); line-height: 29px; font-family: Arial; font-size: 16px; border-top-color: rgb(237, 237, 237); border-top-width: 1px; border-top-style: solid;
}
.premium-index-section > ul > li.premium-featurenote {
	background: none; padding-left: 0px; font-family: Arial; font-size: 12px; font-style: italic;
}
.featureset-content.premium-index-section > legend {
	height: 201px; background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-icon-featurespotlight-content-39ca4aae.png");
}
.featureset-battlelog.premium-index-section > legend {
	height: 201px; background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-icon-featurespotlight-content-39ca4aae.png");
}
.featureset-vip.premium-index-section > legend {
	height: 281px; background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-icon-featurespotlight-vip-894453d4.png");
}
.premium-index-section-grid {
	width: 33.33%; clear: none; font-size: 75%; float: left;
}
.premium-index-section-grid > ul {
	margin-right: 10px;
}
.premium-index-section-grid > h1 {
	font-size: 25px;
}
.premium-index-section-grid > h2 {
	font-size: 15px; margin-bottom: 10px;
}
.premium-index-section-grid > ul > li {
	padding: 3px 3px 3px 27px; line-height: 22px; font-size: 12px;
}
.premium-index-andmuchmore {
	margin-top: 25px;
}
.premium-index-andmuchmore > h1 {
	margin: 0px 0px -5px;
}
.premium-index-footer {
	margin-bottom: 30px;
}
.premium-subpage-container {
	background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-background-subpage-6c45d8e0.png") no-repeat rgb(255, 255, 255); padding: 0px 100px;
}
.premium-subpage-backlink {
	left: 15px; top: 15px; position: absolute;
}
.premium-subpage-title {
	top: -14px; font-size: 32px; display: inline; position: relative;
}
.premium-subpage-container .premium-index-header-divider {
	padding: 45px 20px 10px; text-align: center; margin-bottom: 20px;
}
.premium-subpage-container .premium-index-header .premium-calendar-cell-icon {
	padding: 41px 54px 0px 0px; display: inline; position: inherit; cursor: default;
}
.premium-subpage-servicenotavailable {
	margin: 20px; text-align: center; color: white; font-size: 14px;
}
.premium-subpage-extrabox {
	margin: 20px 0px 16px; padding: 14px 16px; width: 495px;
}
.toggled.premium-subpage-extrabox {
	background: rgb(51, 51, 51);
}
.premium-subpage-extrabox > .toggler {
	padding-left: 16px; font-size: 12px; font-weight: normal; margin-bottom: 14px; display: block; position: relative;
}
.toggled.premium-subpage-extrabox > .toggler {
	color: rgb(255, 255, 255);
}
.premium-subpage-extrabox > .toggler::before {
	left: 0px; top: 50%; color: rgb(159, 159, 159); line-height: 20px; font-size: 16px; font-weight: bold; margin-top: -8px; position: absolute; content: "+";
}
.toggled.premium-subpage-extrabox > .toggler::before 
{
	font-size: 14px; margin-top: -10px; content: "?;
}


nav.submenu 
{
	margin-bottom: 16px;
}



